@strapi/content-manager 0.0.0-experimental.afa3b513b8f95459043f33fb94f4bac03af1474f → 0.0.0-experimental.b391efb8ce3832d4f280928b99ef5cb9c228fdee

package/dist/_chunks/{index-DXiHxy70.js → index-BgaeYWIy.js}

@@ -4,6 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const strapiAdmin = require("@strapi/admin/strapi-admin");
 const React = require("react");
 const designSystem = require("@strapi/design-system");
+const mapValues = require("lodash/fp/mapValues");
 const reactIntl = require("react-intl");
 const reactRouterDom = require("react-router-dom");
 const yup = require("yup");
@@ -32,6 +33,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const mapValues__default = /* @__PURE__ */ _interopDefault(mapValues);
 const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
 const pipe__default = /* @__PURE__ */ _interopDefault(pipe);
 const __variableDynamicImportRuntimeHelper = (glob, path) => {
@@ -121,6 +123,7 @@ const DocumentRBAC = ({ children, permissions }) => {
   if (!slug) {
     throw new Error("Cannot find the slug param in the URL");
   }
+  const [{ rawQuery }] = strapiAdmin.useQueryParams();
   const userPermissions = strapiAdmin.useAuth("DocumentRBAC", (state) => state.permissions);
   const contentTypePermissions = React__namespace.useMemo(() => {
     const contentTypePermissions2 = userPermissions.filter(
@@ -131,7 +134,14 @@ const DocumentRBAC = ({ children, permissions }) => {
       return { ...acc, [action]: [permission] };
     }, {});
   }, [slug, userPermissions]);
-  const { isLoading, allowedActions } = strapiAdmin.useRBAC(contentTypePermissions, permissions ?? void 0);
+  const { isLoading, allowedActions } = strapiAdmin.useRBAC(
+    contentTypePermissions,
+    permissions ?? void 0,
+    // TODO: useRBAC context should be typed and built differently
+    // We are passing raw query as context to the hook so that it can
+    // rely on the locale provided from DocumentRBAC for its permission calculations.
+    rawQuery
+  );
   const canCreateFields = !isLoading && allowedActions.canCreate ? extractAndDedupeFields(contentTypePermissions.create) : [];
   const canReadFields = !isLoading && allowedActions.canRead ? extractAndDedupeFields(contentTypePermissions.read) : [];
   const canUpdateFields = !isLoading && allowedActions.canUpdate ? extractAndDedupeFields(contentTypePermissions.update) : [];
@@ -482,6 +492,24 @@ const buildValidParams = (query) => {
 const isBaseQueryError = (error) => {
   return error.name !== void 0;
 };
+const arrayValidator = (attribute, options) => ({
+  message: strapiAdmin.translatedErrors.required,
+  test(value) {
+    if (options.status === "draft") {
+      return true;
+    }
+    if (!attribute.required) {
+      return true;
+    }
+    if (!value) {
+      return false;
+    }
+    if (Array.isArray(value) && value.length === 0) {
+      return false;
+    }
+    return true;
+  }
+});
 const createYupSchema = (attributes = {}, components = {}, options = { status: null }) => {
   const createModelSchema = (attributes2) => yup__namespace.object().shape(
     Object.entries(attributes2).reduce((acc, [name, attribute]) => {
@@ -489,6 +517,7 @@ const createYupSchema = (attributes = {}, components = {}, options = { status: n
         return acc;
       }
       const validations = [
+        addNullableValidation,
         addRequiredValidation,
         addMinLengthValidation,
         addMaxLengthValidation,
@@ -505,12 +534,12 @@ const createYupSchema = (attributes = {}, components = {}, options = { status: n
               ...acc,
               [name]: transformSchema(
                 yup__namespace.array().of(createModelSchema(attributes3).nullable(false))
-              )
+              ).test(arrayValidator(attribute, options))
             };
           } else {
             return {
               ...acc,
-              [name]: transformSchema(createModelSchema(attributes3))
+              [name]: transformSchema(createModelSchema(attributes3).nullable())
             };
           }
         }
@@ -532,7 +561,7 @@ const createYupSchema = (attributes = {}, components = {}, options = { status: n
                   }
                 )
               )
-            )
+            ).test(arrayValidator(attribute, options))
           };
         case "relation":
           return {
@@ -544,7 +573,7 @@ const createYupSchema = (attributes = {}, components = {}, options = { status: n
                 } else if (Array.isArray(value)) {
                   return yup__namespace.array().of(
                     yup__namespace.object().shape({
-                      id: yup__namespace.string().required()
+                      id: yup__namespace.number().required()
                     })
                   );
                 } else if (typeof value === "object") {
@@ -630,17 +659,17 @@ const nullableSchema = (schema) => {
     schema
   );
 };
+const addNullableValidation = () => (schema) => {
+  return nullableSchema(schema);
+};
 const addRequiredValidation = (attribute, options) => (schema) => {
-  if (options.status === "draft") {
-    return nullableSchema(schema);
-  }
-  if ((attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") && attribute.required && "min" in schema) {
-    return schema.min(1, strapiAdmin.translatedErrors.required);
+  if (options.status === "draft" || !attribute.required) {
+    return schema;
   }
-  if (attribute.required && attribute.type !== "relation") {
+  if (attribute.required && "required" in schema) {
     return schema.required(strapiAdmin.translatedErrors.required);
   }
-  return nullableSchema(schema);
+  return schema;
 };
 const addMinLengthValidation = (attribute, options) => (schema) => {
   if (options.status === "draft") {
@@ -668,31 +697,12 @@ const addMaxLengthValidation = (attribute) => (schema) => {
   return schema;
 };
 const addMinValidation = (attribute, options) => (schema) => {
-  if ("min" in attribute) {
+  if (options.status === "draft") {
+    return schema;
+  }
+  if ("min" in attribute && "min" in schema) {
     const min = toInteger(attribute.min);
-    if (attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") {
-      if (options.status !== "draft" && !attribute.required && "test" in schema && min) {
-        return schema.test(
-          "custom-min",
-          {
-            ...strapiAdmin.translatedErrors.min,
-            values: {
-              min: attribute.min
-            }
-          },
-          (value) => {
-            if (!value) {
-              return true;
-            }
-            if (Array.isArray(value) && value.length === 0) {
-              return true;
-            }
-            return value.length >= min;
-          }
-        );
-      }
-    }
-    if ("min" in schema && min) {
+    if (min) {
       return schema.min(min, {
         ...strapiAdmin.translatedErrors.min,
         values: {
@@ -810,19 +820,115 @@ const extractContentTypeComponents = (attributes = {}, allComponents = {}) => {
   }, {});
   return componentsByKey;
 };
-const useDocument = (args, opts) => {
+const HOOKS = {
+  /**
+   * Hook that allows to mutate the displayed headers of the list view table
+   * @constant
+   * @type {string}
+   */
+  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
+  /**
+   * Hook that allows to mutate the CM's collection types links pre-set filters
+   * @constant
+   * @type {string}
+   */
+  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
+  /**
+   * Hook that allows to mutate the CM's edit view layout
+   * @constant
+   * @type {string}
+   */
+  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
+  /**
+   * Hook that allows to mutate the CM's single types links pre-set filters
+   * @constant
+   * @type {string}
+   */
+  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
+};
+const contentTypesApi = contentManagerApi.injectEndpoints({
+  endpoints: (builder) => ({
+    getContentTypeConfiguration: builder.query({
+      query: (uid) => ({
+        url: `/content-manager/content-types/${uid}/configuration`,
+        method: "GET"
+      }),
+      transformResponse: (response) => response.data,
+      providesTags: (_result, _error, uid) => [
+        { type: "ContentTypesConfiguration", id: uid },
+        { type: "ContentTypeSettings", id: "LIST" }
+      ]
+    }),
+    getAllContentTypeSettings: builder.query({
+      query: () => "/content-manager/content-types-settings",
+      transformResponse: (response) => response.data,
+      providesTags: [{ type: "ContentTypeSettings", id: "LIST" }]
+    }),
+    updateContentTypeConfiguration: builder.mutation({
+      query: ({ uid, ...body }) => ({
+        url: `/content-manager/content-types/${uid}/configuration`,
+        method: "PUT",
+        data: body
+      }),
+      transformResponse: (response) => response.data,
+      invalidatesTags: (_result, _error, { uid }) => [
+        { type: "ContentTypesConfiguration", id: uid },
+        { type: "ContentTypeSettings", id: "LIST" },
+        // Is this necessary?
+        { type: "InitialData" }
+      ]
+    })
+  })
+});
+const {
+  useGetContentTypeConfigurationQuery,
+  useGetAllContentTypeSettingsQuery,
+  useUpdateContentTypeConfigurationMutation
+} = contentTypesApi;
+const checkIfAttributeIsDisplayable = (attribute) => {
+  const { type } = attribute;
+  if (type === "relation") {
+    return !attribute.relation.toLowerCase().includes("morph");
+  }
+  return !["json", "dynamiczone", "richtext", "password", "blocks"].includes(type) && !!type;
+};
+const getMainField = (attribute, mainFieldName, { schemas, components }) => {
+  if (!mainFieldName) {
+    return void 0;
+  }
+  const mainFieldType = attribute.type === "component" ? components[attribute.component].attributes[mainFieldName].type : (
+    // @ts-expect-error – `targetModel` does exist on the attribute for a relation.
+    schemas.find((schema) => schema.uid === attribute.targetModel)?.attributes[mainFieldName].type
+  );
+  return {
+    name: mainFieldName,
+    type: mainFieldType ?? "string"
+  };
+};
+const DEFAULT_SETTINGS = {
+  bulkable: false,
+  filterable: false,
+  searchable: false,
+  pagination: false,
+  defaultSortBy: "",
+  defaultSortOrder: "asc",
+  mainField: "id",
+  pageSize: 10
+};
+const useDocumentLayout = (model) => {
+  const { schema, components } = useDocument({ model, collectionType: "" }, { skip: true });
+  const [{ query }] = strapiAdmin.useQueryParams();
+  const runHookWaterfall = strapiAdmin.useStrapiApp("useDocumentLayout", (state) => state.runHookWaterfall);
   const { toggleNotification } = strapiAdmin.useNotification();
   const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+  const { isLoading: isLoadingSchemas, schemas } = useContentTypeSchema();
   const {
-    currentData: data,
-    isLoading: isLoadingDocument,
-    isFetching: isFetchingDocument,
-    error
-  } = useGetDocumentQuery(args, {
-    ...opts,
-    skip: !args.documentId && args.collectionType !== SINGLE_TYPES || opts?.skip
-  });
-  const { components, schema, isLoading: isLoadingSchema } = useContentTypeSchema(args.model);
+    data,
+    isLoading: isLoadingConfigs,
+    error,
+    isFetching: isFetchingConfigs
+  } = useGetContentTypeConfigurationQuery(model);
+  const isLoading = isLoadingSchemas || isFetchingConfigs || isLoadingConfigs;
   React__namespace.useEffect(() => {
     if (error) {
       toggleNotification({
@@ -830,100 +936,355 @@ const useDocument = (args, opts) => {
         message: formatAPIError(error)
       });
     }
-  }, [toggleNotification, error, formatAPIError, args.collectionType]);
-  const validationSchema = React__namespace.useMemo(() => {
-    if (!schema) {
-      return null;
-    }
-    return createYupSchema(schema.attributes, components);
-  }, [schema, components]);
-  const validate = React__namespace.useCallback(
-    (document) => {
-      if (!validationSchema) {
-        throw new Error(
-          "There is no validation schema generated, this is likely due to the schema not being loaded yet."
-        );
-      }
-      try {
-        validationSchema.validateSync(document, { abortEarly: false, strict: true });
-        return null;
-      } catch (error2) {
-        if (error2 instanceof yup.ValidationError) {
-          return strapiAdmin.getYupValidationErrors(error2);
-        }
-        throw error2;
-      }
+  }, [error, formatAPIError, toggleNotification]);
+  const editLayout = React__namespace.useMemo(
+    () => data && !isLoading ? formatEditLayout(data, { schemas, schema, components }) : {
+      layout: [],
+      components: {},
+      metadatas: {},
+      options: {},
+      settings: DEFAULT_SETTINGS
     },
-    [validationSchema]
+    [data, isLoading, schemas, schema, components]
+  );
+  const listLayout = React__namespace.useMemo(() => {
+    return data && !isLoading ? formatListLayout(data, { schemas, schema, components }) : {
+      layout: [],
+      metadatas: {},
+      options: {},
+      settings: DEFAULT_SETTINGS
+    };
+  }, [data, isLoading, schemas, schema, components]);
+  const { layout: edit } = React__namespace.useMemo(
+    () => runHookWaterfall(HOOKS.MUTATE_EDIT_VIEW_LAYOUT, {
+      layout: editLayout,
+      query
+    }),
+    [editLayout, query, runHookWaterfall]
   );
-  const isLoading = isLoadingDocument || isFetchingDocument || isLoadingSchema;
   return {
-    components,
-    document: data?.data,
-    meta: data?.meta,
+    error,
     isLoading,
-    schema,
-    validate
-  };
-};
-const useDoc = () => {
-  const { id, slug, collectionType, origin } = reactRouterDom.useParams();
-  const [{ query }] = strapiAdmin.useQueryParams();
-  const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
-  if (!collectionType) {
-    throw new Error("Could not find collectionType in url params");
-  }
-  if (!slug) {
-    throw new Error("Could not find model in url params");
-  }
-  return {
-    collectionType,
-    model: slug,
-    id: origin || id === "create" ? void 0 : id,
-    ...useDocument(
-      { documentId: origin || id, model: slug, collectionType, params },
-      {
-        skip: id === "create" || !origin && !id && collectionType !== SINGLE_TYPES
-      }
-    )
+    edit,
+    list: listLayout
   };
 };
-const prefixPluginTranslations = (trad, pluginId) => {
-  if (!pluginId) {
-    throw new TypeError("pluginId can't be empty");
-  }
-  return Object.keys(trad).reduce((acc, current) => {
-    acc[`${pluginId}.${current}`] = trad[current];
-    return acc;
-  }, {});
-};
-const getTranslation = (id) => `content-manager.${id}`;
-const DEFAULT_UNEXPECTED_ERROR_MSG = {
-  id: "notification.error",
-  defaultMessage: "An error occurred, please try again"
+const useDocLayout = () => {
+  const { model } = useDoc();
+  return useDocumentLayout(model);
 };
-const useDocumentActions = () => {
-  const { toggleNotification } = strapiAdmin.useNotification();
-  const { formatMessage } = reactIntl.useIntl();
-  const { trackUsage } = strapiAdmin.useTracking();
-  const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
-  const navigate = reactRouterDom.useNavigate();
-  const [deleteDocument] = useDeleteDocumentMutation();
-  const _delete = React__namespace.useCallback(
-    async ({ collectionType, model, documentId, params }, trackerProperty) => {
-      try {
-        trackUsage("willDeleteEntry", trackerProperty);
-        const res = await deleteDocument({
-          collectionType,
-          model,
-          documentId,
-          params
-        });
-        if ("error" in res) {
-          toggleNotification({
-            type: "danger",
-            message: formatAPIError(res.error)
-          });
+const formatEditLayout = (data, {
+  schemas,
+  schema,
+  components
+}) => {
+  let currentPanelIndex = 0;
+  const panelledEditAttributes = convertEditLayoutToFieldLayouts(
+    data.contentType.layouts.edit,
+    schema?.attributes,
+    data.contentType.metadatas,
+    { configurations: data.components, schemas: components },
+    schemas
+  ).reduce((panels, row) => {
+    if (row.some((field) => field.type === "dynamiczone")) {
+      panels.push([row]);
+      currentPanelIndex += 2;
+    } else {
+      if (!panels[currentPanelIndex]) {
+        panels.push([row]);
+      } else {
+        panels[currentPanelIndex].push(row);
+      }
+    }
+    return panels;
+  }, []);
+  const componentEditAttributes = Object.entries(data.components).reduce(
+    (acc, [uid, configuration]) => {
+      acc[uid] = {
+        layout: convertEditLayoutToFieldLayouts(
+          configuration.layouts.edit,
+          components[uid].attributes,
+          configuration.metadatas,
+          { configurations: data.components, schemas: components }
+        ),
+        settings: {
+          ...configuration.settings,
+          icon: components[uid].info.icon,
+          displayName: components[uid].info.displayName
+        }
+      };
+      return acc;
+    },
+    {}
+  );
+  const editMetadatas = Object.entries(data.contentType.metadatas).reduce(
+    (acc, [attribute, metadata]) => {
+      return {
+        ...acc,
+        [attribute]: metadata.edit
+      };
+    },
+    {}
+  );
+  return {
+    layout: panelledEditAttributes,
+    components: componentEditAttributes,
+    metadatas: editMetadatas,
+    settings: {
+      ...data.contentType.settings,
+      displayName: schema?.info.displayName
+    },
+    options: {
+      ...schema?.options,
+      ...schema?.pluginOptions,
+      ...data.contentType.options
+    }
+  };
+};
+const convertEditLayoutToFieldLayouts = (rows, attributes = {}, metadatas, components, schemas = []) => {
+  return rows.map(
+    (row) => row.map((field) => {
+      const attribute = attributes[field.name];
+      if (!attribute) {
+        return null;
+      }
+      const { edit: metadata } = metadatas[field.name];
+      const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
+      return {
+        attribute,
+        disabled: !metadata.editable,
+        hint: metadata.description,
+        label: metadata.label ?? "",
+        name: field.name,
+        // @ts-expect-error – mainField does exist on the metadata for a relation.
+        mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
+          schemas,
+          components: components?.schemas ?? {}
+        }),
+        placeholder: metadata.placeholder ?? "",
+        required: attribute.required ?? false,
+        size: field.size,
+        unique: "unique" in attribute ? attribute.unique : false,
+        visible: metadata.visible ?? true,
+        type: attribute.type
+      };
+    }).filter((field) => field !== null)
+  );
+};
+const formatListLayout = (data, {
+  schemas,
+  schema,
+  components
+}) => {
+  const listMetadatas = Object.entries(data.contentType.metadatas).reduce(
+    (acc, [attribute, metadata]) => {
+      return {
+        ...acc,
+        [attribute]: metadata.list
+      };
+    },
+    {}
+  );
+  const listAttributes = convertListLayoutToFieldLayouts(
+    data.contentType.layouts.list,
+    schema?.attributes,
+    listMetadatas,
+    { configurations: data.components, schemas: components },
+    schemas
+  );
+  return {
+    layout: listAttributes,
+    settings: { ...data.contentType.settings, displayName: schema?.info.displayName },
+    metadatas: listMetadatas,
+    options: {
+      ...schema?.options,
+      ...schema?.pluginOptions,
+      ...data.contentType.options
+    }
+  };
+};
+const convertListLayoutToFieldLayouts = (columns, attributes = {}, metadatas, components, schemas = []) => {
+  return columns.map((name) => {
+    const attribute = attributes[name];
+    if (!attribute) {
+      return null;
+    }
+    const metadata = metadatas[name];
+    const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
+    return {
+      attribute,
+      label: metadata.label ?? "",
+      mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
+        schemas,
+        components: components?.schemas ?? {}
+      }),
+      name,
+      searchable: metadata.searchable ?? true,
+      sortable: metadata.sortable ?? true
+    };
+  }).filter((field) => field !== null);
+};
+const useDocument = (args, opts) => {
+  const { toggleNotification } = strapiAdmin.useNotification();
+  const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+  const {
+    currentData: data,
+    isLoading: isLoadingDocument,
+    isFetching: isFetchingDocument,
+    error
+  } = useGetDocumentQuery(args, {
+    ...opts,
+    skip: !args.documentId && args.collectionType !== SINGLE_TYPES || opts?.skip
+  });
+  const {
+    components,
+    schema,
+    schemas,
+    isLoading: isLoadingSchema
+  } = useContentTypeSchema(args.model);
+  React__namespace.useEffect(() => {
+    if (error) {
+      toggleNotification({
+        type: "danger",
+        message: formatAPIError(error)
+      });
+    }
+  }, [toggleNotification, error, formatAPIError, args.collectionType]);
+  const validationSchema = React__namespace.useMemo(() => {
+    if (!schema) {
+      return null;
+    }
+    return createYupSchema(schema.attributes, components);
+  }, [schema, components]);
+  const validate = React__namespace.useCallback(
+    (document) => {
+      if (!validationSchema) {
+        throw new Error(
+          "There is no validation schema generated, this is likely due to the schema not being loaded yet."
+        );
+      }
+      try {
+        validationSchema.validateSync(document, { abortEarly: false, strict: true });
+        return null;
+      } catch (error2) {
+        if (error2 instanceof yup.ValidationError) {
+          return strapiAdmin.getYupValidationErrors(error2);
+        }
+        throw error2;
+      }
+    },
+    [validationSchema]
+  );
+  const isLoading = isLoadingDocument || isFetchingDocument || isLoadingSchema;
+  const hasError = !!error;
+  return {
+    components,
+    document: data?.data,
+    meta: data?.meta,
+    isLoading,
+    hasError,
+    schema,
+    schemas,
+    validate
+  };
+};
+const useDoc = () => {
+  const { id, slug, collectionType, origin } = reactRouterDom.useParams();
+  const [{ query }] = strapiAdmin.useQueryParams();
+  const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
+  if (!collectionType) {
+    throw new Error("Could not find collectionType in url params");
+  }
+  if (!slug) {
+    throw new Error("Could not find model in url params");
+  }
+  const document = useDocument(
+    { documentId: origin || id, model: slug, collectionType, params },
+    {
+      skip: id === "create" || !origin && !id && collectionType !== SINGLE_TYPES
+    }
+  );
+  const returnId = origin || id === "create" ? void 0 : id;
+  return {
+    collectionType,
+    model: slug,
+    id: returnId,
+    ...document
+  };
+};
+const useContentManagerContext = () => {
+  const {
+    collectionType,
+    model,
+    id,
+    components,
+    isLoading: isLoadingDoc,
+    schema,
+    schemas
+  } = useDoc();
+  const layout = useDocumentLayout(model);
+  const form = strapiAdmin.useForm("useContentManagerContext", (state) => state);
+  const isSingleType = collectionType === SINGLE_TYPES;
+  const slug = model;
+  const isCreatingEntry = id === "create";
+  useContentTypeSchema();
+  const isLoading = isLoadingDoc || layout.isLoading;
+  const error = layout.error;
+  return {
+    error,
+    isLoading,
+    // Base metadata
+    model,
+    collectionType,
+    id,
+    slug,
+    isCreatingEntry,
+    isSingleType,
+    hasDraftAndPublish: schema?.options?.draftAndPublish ?? false,
+    // All schema infos
+    components,
+    contentType: schema,
+    contentTypes: schemas,
+    // Form state
+    form,
+    // layout infos
+    layout
+  };
+};
+const prefixPluginTranslations = (trad, pluginId) => {
+  return Object.keys(trad).reduce((acc, current) => {
+    acc[`${pluginId}.${current}`] = trad[current];
+    return acc;
+  }, {});
+};
+const getTranslation = (id) => `content-manager.${id}`;
+const DEFAULT_UNEXPECTED_ERROR_MSG = {
+  id: "notification.error",
+  defaultMessage: "An error occurred, please try again"
+};
+const useDocumentActions = () => {
+  const { toggleNotification } = strapiAdmin.useNotification();
+  const { formatMessage } = reactIntl.useIntl();
+  const { trackUsage } = strapiAdmin.useTracking();
+  const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+  const navigate = reactRouterDom.useNavigate();
+  const setCurrentStep = strapiAdmin.useGuidedTour("useDocumentActions", (state) => state.setCurrentStep);
+  const [deleteDocument] = useDeleteDocumentMutation();
+  const _delete = React__namespace.useCallback(
+    async ({ collectionType, model, documentId, params }, trackerProperty) => {
+      try {
+        trackUsage("willDeleteEntry", trackerProperty);
+        const res = await deleteDocument({
+          collectionType,
+          model,
+          documentId,
+          params
+        });
+        if ("error" in res) {
+          toggleNotification({
+            type: "danger",
+            message: formatAPIError(res.error)
+          });
           return { error: res.error };
         }
         toggleNotification({
@@ -1222,6 +1583,7 @@ const useDocumentActions = () => {
             defaultMessage: "Saved document"
           })
         });
+        setCurrentStep("contentManager.success");
         return res.data;
       } catch (err) {
         toggleNotification({
@@ -1324,7 +1686,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = React.lazy(
-  () => Promise.resolve().then(() => require("./History-DXSbTWez.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => Promise.resolve().then(() => require("./History-uECUbCZB.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1337,31 +1699,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditViewPage-CHgoNwlc.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => Promise.resolve().then(() => require("./EditViewPage-BqZvBN4s.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ListViewPage-DfuwH1tt.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => Promise.resolve().then(() => require("./ListViewPage-BkZ83b1A.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = React.lazy(
-  () => Promise.resolve().then(() => require("./ListConfigurationPage-D5C7ACZ_.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ListConfigurationPage-D_bBSFNW.js")).then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditConfigurationPage-B2AA1kVF.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./EditConfigurationPage-ILWo0h1e.js")).then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-G4EIirP8.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-CL9CAMaL.js")).then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = React.lazy(
-  () => Promise.resolve().then(() => require("./NoPermissionsPage-Bu4GWYb-.js")).then((mod) => ({ default: mod.NoPermissions }))
+  () => Promise.resolve().then(() => require("./NoPermissionsPage-CPGwsVfb.js")).then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = React.lazy(
-  () => Promise.resolve().then(() => require("./NoContentTypePage-BIxlkWWi.js")).then((mod) => ({ default: mod.NoContentType }))
+  () => Promise.resolve().then(() => require("./NoContentTypePage-C1439s4s.js")).then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = reactRouterDom.useParams();
@@ -1715,6 +2077,18 @@ const DocumentActionModal = ({
     typeof Footer === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Footer, { onClose: handleClose }) : Footer
   ] }) });
 };
+const transformData = (data) => {
+  if (Array.isArray(data)) {
+    return data.map(transformData);
+  }
+  if (typeof data === "object" && data !== null) {
+    if ("apiData" in data) {
+      return data.apiData;
+    }
+    return mapValues__default.default(transformData)(data);
+  }
+  return data;
+};
 const PublishAction$1 = ({
   activeTab,
   documentId,
@@ -1808,7 +2182,9 @@ const PublishAction$1 = ({
   const performPublish = async () => {
     setSubmitting(true);
     try {
-      const { errors } = await validate();
+      const { errors } = await validate(true, {
+        status: "published"
+      });
       if (errors) {
         toggleNotification({
           type: "danger",
@@ -1826,7 +2202,7 @@ const PublishAction$1 = ({
           documentId,
           params
         },
-        formValues
+        transformData(formValues)
       );
       if ("data" in res && collectionType !== SINGLE_TYPES) {
         navigate({
@@ -1922,18 +2298,18 @@ const UpdateAction = ({
     onClick: async () => {
       setSubmitting(true);
       try {
-        if (activeTab !== "draft") {
-          const { errors } = await validate();
-          if (errors) {
-            toggleNotification({
-              type: "danger",
-              message: formatMessage({
-                id: "content-manager.validation.error",
-                defaultMessage: "There are validation errors in your document. Please fix them before saving."
-              })
-            });
-            return;
-          }
+        const { errors } = await validate(true, {
+          status: "draft"
+        });
+        if (errors) {
+          toggleNotification({
+            type: "danger",
+            message: formatMessage({
+              id: "content-manager.validation.error",
+              defaultMessage: "There are validation errors in your document. Please fix them before saving."
+            })
+          });
+          return;
         }
         if (isCloning) {
           const res = await clone(
@@ -1942,7 +2318,7 @@ const UpdateAction = ({
               documentId: cloneMatch.params.origin,
               params
             },
-            document
+            transformData(document)
           );
           if ("data" in res) {
             navigate(
@@ -1963,7 +2339,7 @@ const UpdateAction = ({
               documentId,
               params
             },
-            document
+            transformData(document)
           );
           if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
             setErrors(formatValidationErrors(res.error));
@@ -1976,7 +2352,7 @@ const UpdateAction = ({
               model,
               params
             },
-            document
+            transformData(document)
           );
           if ("data" in res && collectionType !== SINGLE_TYPES) {
             navigate(
@@ -2315,12 +2691,12 @@ const Information = ({ activeTab }) => {
       isDisplayed: !!publishDocument?.[PUBLISHED_AT_ATTRIBUTE_NAME],
       label: formatMessage({
         id: "content-manager.containers.edit.information.last-published.label",
-        defaultMessage: "Last published"
+        defaultMessage: "Published"
       }),
       value: formatMessage(
         {
           id: "content-manager.containers.edit.information.last-published.value",
-          defaultMessage: `Published {time}{isAnonymous, select, true {} other { by {author}}}`
+          defaultMessage: `{time}{isAnonymous, select, true {} other { by {author}}}`
         },
         {
           time: /* @__PURE__ */ jsxRuntime.jsx(RelativeTime, { timestamp: new Date(publishDocument?.[PUBLISHED_AT_ATTRIBUTE_NAME]) }),
@@ -2333,12 +2709,12 @@ const Information = ({ activeTab }) => {
       isDisplayed: !!createAndUpdateDocument?.[UPDATED_AT_ATTRIBUTE_NAME],
       label: formatMessage({
         id: "content-manager.containers.edit.information.last-draft.label",
-        defaultMessage: "Last draft"
+        defaultMessage: "Updated"
       }),
       value: formatMessage(
         {
           id: "content-manager.containers.edit.information.last-draft.value",
-          defaultMessage: `Modified {time}{isAnonymous, select, true {} other { by {author}}}`
+          defaultMessage: `{time}{isAnonymous, select, true {} other { by {author}}}`
         },
         {
           time: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2356,12 +2732,12 @@ const Information = ({ activeTab }) => {
       isDisplayed: !!createAndUpdateDocument?.[CREATED_AT_ATTRIBUTE_NAME],
       label: formatMessage({
         id: "content-manager.containers.edit.information.document.label",
-        defaultMessage: "Document"
+        defaultMessage: "Created"
       }),
       value: formatMessage(
         {
           id: "content-manager.containers.edit.information.document.value",
-          defaultMessage: `Created {time}{isAnonymous, select, true {} other { by {author}}}`
+          defaultMessage: `{time}{isAnonymous, select, true {} other { by {author}}}`
         },
         {
           time: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2419,10 +2795,9 @@ const HeaderActions = ({ actions: actions2 }) => {
         designSystem.SingleSelect,
         {
           size: "S",
-          disabled: action.disabled,
-          "aria-label": action.label,
           onChange: action.onSelect,
-          value: action.value,
+          "aria-label": action.label,
+          ...action,
           children: action.options.map(({ label, ...option }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { ...option, children: label }, option.value))
         },
         action.id
@@ -2456,520 +2831,221 @@ const HeaderActions = ({ actions: actions2 }) => {
 const HeaderActionDialog = ({
   onClose,
   onCancel,
-  title,
-  content: Content,
-  isOpen
-}) => {
-  const handleClose = async () => {
-    if (onCancel) {
-      await onCancel();
-    }
-    onClose();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: title }),
-    typeof Content === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Content, { onClose: handleClose }) : Content
-  ] }) });
-};
-const ConfigureTheViewAction = ({ collectionType, model }) => {
-  const navigate = reactRouterDom.useNavigate();
-  const { formatMessage } = reactIntl.useIntl();
-  return {
-    label: formatMessage({
-      id: "app.links.configure-view",
-      defaultMessage: "Configure the view"
-    }),
-    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ListPlus, {}),
-    onClick: () => {
-      navigate(`../${collectionType}/${model}/configurations/edit`);
-    },
-    position: "header"
-  };
-};
-ConfigureTheViewAction.type = "configure-the-view";
-const EditTheModelAction = ({ model }) => {
-  const navigate = reactRouterDom.useNavigate();
-  const { formatMessage } = reactIntl.useIntl();
-  return {
-    label: formatMessage({
-      id: "content-manager.link-to-ctb",
-      defaultMessage: "Edit the model"
-    }),
-    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, {}),
-    onClick: () => {
-      navigate(`/plugins/content-type-builder/content-types/${model}`);
-    },
-    position: "header"
-  };
-};
-EditTheModelAction.type = "edit-the-model";
-const DeleteAction$1 = ({ documentId, model, collectionType, document }) => {
-  const navigate = reactRouterDom.useNavigate();
-  const { formatMessage } = reactIntl.useIntl();
-  const listViewPathMatch = reactRouterDom.useMatch(LIST_PATH);
-  const canDelete = useDocumentRBAC("DeleteAction", (state) => state.canDelete);
-  const { delete: deleteAction } = useDocumentActions();
-  const { toggleNotification } = strapiAdmin.useNotification();
-  const setSubmitting = strapiAdmin.useForm("DeleteAction", (state) => state.setSubmitting);
-  return {
-    disabled: !canDelete || !document,
-    label: formatMessage({
-      id: "content-manager.actions.delete.label",
-      defaultMessage: "Delete document"
-    }),
-    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Trash, {}),
-    dialog: {
-      type: "dialog",
-      title: formatMessage({
-        id: "app.components.ConfirmDialog.title",
-        defaultMessage: "Confirmation"
-      }),
-      content: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icons.WarningCircle, { width: "24px", height: "24px", fill: "danger600" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "p", variant: "omega", textAlign: "center", children: formatMessage({
-          id: "content-manager.actions.delete.dialog.body",
-          defaultMessage: "Are you sure?"
-        }) })
-      ] }),
-      onConfirm: async () => {
-        if (!listViewPathMatch) {
-          setSubmitting(true);
-        }
-        try {
-          if (!documentId && collectionType !== SINGLE_TYPES) {
-            console.error(
-              "You're trying to delete a document without an id, this is likely a bug with Strapi. Please open an issue."
-            );
-            toggleNotification({
-              message: formatMessage({
-                id: "content-manager.actions.delete.error",
-                defaultMessage: "An error occurred while trying to delete the document."
-              }),
-              type: "danger"
-            });
-            return;
-          }
-          const res = await deleteAction({
-            documentId,
-            model,
-            collectionType,
-            params: {
-              locale: "*"
-            }
-          });
-          if (!("error" in res)) {
-            navigate({ pathname: `../${collectionType}/${model}` }, { replace: true });
-          }
-        } finally {
-          if (!listViewPathMatch) {
-            setSubmitting(false);
-          }
-        }
-      }
-    },
-    variant: "danger",
-    position: ["header", "table-row"]
-  };
-};
-DeleteAction$1.type = "delete";
-const DEFAULT_HEADER_ACTIONS = [EditTheModelAction, ConfigureTheViewAction, DeleteAction$1];
-const Panels = () => {
-  const isCloning = reactRouterDom.useMatch(CLONE_PATH) !== null;
-  const [
-    {
-      query: { status }
-    }
-  ] = strapiAdmin.useQueryParams({
-    status: "draft"
-  });
-  const { model, id, document, meta, collectionType } = useDoc();
-  const plugins = strapiAdmin.useStrapiApp("Panels", (state) => state.plugins);
-  const props = {
-    activeTab: status,
-    model,
-    documentId: id,
-    document: isCloning ? void 0 : document,
-    meta: isCloning ? void 0 : meta,
-    collectionType
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
-    strapiAdmin.DescriptionComponentRenderer,
-    {
-      props,
-      descriptions: plugins["content-manager"].apis.getEditViewSidePanels(),
-      children: (panels) => panels.map(({ content, id: id2, ...description }) => /* @__PURE__ */ jsxRuntime.jsx(Panel, { ...description, children: content }, id2))
-    }
-  ) });
-};
-const ActionsPanel = () => {
-  const { formatMessage } = reactIntl.useIntl();
-  return {
-    title: formatMessage({
-      id: "content-manager.containers.edit.panels.default.title",
-      defaultMessage: "Entry"
-    }),
-    content: /* @__PURE__ */ jsxRuntime.jsx(ActionsPanelContent, {})
-  };
-};
-ActionsPanel.type = "actions";
-const ActionsPanelContent = () => {
-  const isCloning = reactRouterDom.useMatch(CLONE_PATH) !== null;
-  const [
-    {
-      query: { status = "draft" }
-    }
-  ] = strapiAdmin.useQueryParams();
-  const { model, id, document, meta, collectionType } = useDoc();
-  const plugins = strapiAdmin.useStrapiApp("ActionsPanel", (state) => state.plugins);
-  const props = {
-    activeTab: status,
-    model,
-    documentId: id,
-    document: isCloning ? void 0 : document,
-    meta: isCloning ? void 0 : meta,
-    collectionType
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, width: "100%", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      strapiAdmin.DescriptionComponentRenderer,
-      {
-        props,
-        descriptions: plugins["content-manager"].apis.getDocumentActions(),
-        children: (actions2) => /* @__PURE__ */ jsxRuntime.jsx(DocumentActions, { actions: actions2 })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(InjectionZone, { area: "editView.right-links", slug: model })
-  ] });
-};
-const Panel = React__namespace.forwardRef(({ children, title }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    designSystem.Flex,
-    {
-      ref,
-      tag: "aside",
-      "aria-labelledby": "additional-information",
-      background: "neutral0",
-      borderColor: "neutral150",
-      hasRadius: true,
-      paddingBottom: 4,
-      paddingLeft: 4,
-      paddingRight: 4,
-      paddingTop: 4,
-      shadow: "tableShadow",
-      gap: 3,
-      direction: "column",
-      justifyContent: "stretch",
-      alignItems: "flex-start",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h2", variant: "sigma", textTransform: "uppercase", children: title }),
-        children
-      ]
+  title,
+  content: Content,
+  isOpen
+}) => {
+  const handleClose = async () => {
+    if (onCancel) {
+      await onCancel();
     }
-  );
-});
-const HOOKS = {
-  /**
-   * Hook that allows to mutate the displayed headers of the list view table
-   * @constant
-   * @type {string}
-   */
-  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
-  /**
-   * Hook that allows to mutate the CM's collection types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
-  /**
-   * Hook that allows to mutate the CM's edit view layout
-   * @constant
-   * @type {string}
-   */
-  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
-  /**
-   * Hook that allows to mutate the CM's single types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: title }),
+    typeof Content === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Content, { onClose: handleClose }) : Content
+  ] }) });
 };
-const contentTypesApi = contentManagerApi.injectEndpoints({
-  endpoints: (builder) => ({
-    getContentTypeConfiguration: builder.query({
-      query: (uid) => ({
-        url: `/content-manager/content-types/${uid}/configuration`,
-        method: "GET"
-      }),
-      transformResponse: (response) => response.data,
-      providesTags: (_result, _error, uid) => [
-        { type: "ContentTypesConfiguration", id: uid },
-        { type: "ContentTypeSettings", id: "LIST" }
-      ]
-    }),
-    getAllContentTypeSettings: builder.query({
-      query: () => "/content-manager/content-types-settings",
-      transformResponse: (response) => response.data,
-      providesTags: [{ type: "ContentTypeSettings", id: "LIST" }]
+const ConfigureTheViewAction = ({ collectionType, model }) => {
+  const navigate = reactRouterDom.useNavigate();
+  const { formatMessage } = reactIntl.useIntl();
+  return {
+    label: formatMessage({
+      id: "app.links.configure-view",
+      defaultMessage: "Configure the view"
     }),
-    updateContentTypeConfiguration: builder.mutation({
-      query: ({ uid, ...body }) => ({
-        url: `/content-manager/content-types/${uid}/configuration`,
-        method: "PUT",
-        data: body
-      }),
-      transformResponse: (response) => response.data,
-      invalidatesTags: (_result, _error, { uid }) => [
-        { type: "ContentTypesConfiguration", id: uid },
-        { type: "ContentTypeSettings", id: "LIST" },
-        // Is this necessary?
-        { type: "InitialData" }
-      ]
-    })
-  })
-});
-const {
-  useGetContentTypeConfigurationQuery,
-  useGetAllContentTypeSettingsQuery,
-  useUpdateContentTypeConfigurationMutation
-} = contentTypesApi;
-const checkIfAttributeIsDisplayable = (attribute) => {
-  const { type } = attribute;
-  if (type === "relation") {
-    return !attribute.relation.toLowerCase().includes("morph");
-  }
-  return !["json", "dynamiczone", "richtext", "password", "blocks"].includes(type) && !!type;
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ListPlus, {}),
+    onClick: () => {
+      navigate(`../${collectionType}/${model}/configurations/edit`);
+    },
+    position: "header"
+  };
 };
-const getMainField = (attribute, mainFieldName, { schemas, components }) => {
-  if (!mainFieldName) {
-    return void 0;
-  }
-  const mainFieldType = attribute.type === "component" ? components[attribute.component].attributes[mainFieldName].type : (
-    // @ts-expect-error – `targetModel` does exist on the attribute for a relation.
-    schemas.find((schema) => schema.uid === attribute.targetModel)?.attributes[mainFieldName].type
-  );
+ConfigureTheViewAction.type = "configure-the-view";
+const EditTheModelAction = ({ model }) => {
+  const navigate = reactRouterDom.useNavigate();
+  const { formatMessage } = reactIntl.useIntl();
   return {
-    name: mainFieldName,
-    type: mainFieldType ?? "string"
+    label: formatMessage({
+      id: "content-manager.link-to-ctb",
+      defaultMessage: "Edit the model"
+    }),
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, {}),
+    onClick: () => {
+      navigate(`/plugins/content-type-builder/content-types/${model}`);
+    },
+    position: "header"
   };
 };
-const DEFAULT_SETTINGS = {
-  bulkable: false,
-  filterable: false,
-  searchable: false,
-  pagination: false,
-  defaultSortBy: "",
-  defaultSortOrder: "asc",
-  mainField: "id",
-  pageSize: 10
-};
-const useDocumentLayout = (model) => {
-  const { schema, components } = useDocument({ model, collectionType: "" }, { skip: true });
-  const [{ query }] = strapiAdmin.useQueryParams();
-  const runHookWaterfall = strapiAdmin.useStrapiApp("useDocumentLayout", (state) => state.runHookWaterfall);
+EditTheModelAction.type = "edit-the-model";
+const DeleteAction$1 = ({ documentId, model, collectionType, document }) => {
+  const navigate = reactRouterDom.useNavigate();
+  const { formatMessage } = reactIntl.useIntl();
+  const listViewPathMatch = reactRouterDom.useMatch(LIST_PATH);
+  const canDelete = useDocumentRBAC("DeleteAction", (state) => state.canDelete);
+  const { delete: deleteAction } = useDocumentActions();
   const { toggleNotification } = strapiAdmin.useNotification();
-  const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
-  const { isLoading: isLoadingSchemas, schemas } = useContentTypeSchema();
-  const {
-    data,
-    isLoading: isLoadingConfigs,
-    error,
-    isFetching: isFetchingConfigs
-  } = useGetContentTypeConfigurationQuery(model);
-  const isLoading = isLoadingSchemas || isFetchingConfigs || isLoadingConfigs;
-  React__namespace.useEffect(() => {
-    if (error) {
-      toggleNotification({
-        type: "danger",
-        message: formatAPIError(error)
-      });
-    }
-  }, [error, formatAPIError, toggleNotification]);
-  const editLayout = React__namespace.useMemo(
-    () => data && !isLoading ? formatEditLayout(data, { schemas, schema, components }) : {
-      layout: [],
-      components: {},
-      metadatas: {},
-      options: {},
-      settings: DEFAULT_SETTINGS
-    },
-    [data, isLoading, schemas, schema, components]
-  );
-  const listLayout = React__namespace.useMemo(() => {
-    return data && !isLoading ? formatListLayout(data, { schemas, schema, components }) : {
-      layout: [],
-      metadatas: {},
-      options: {},
-      settings: DEFAULT_SETTINGS
-    };
-  }, [data, isLoading, schemas, schema, components]);
-  const { layout: edit } = React__namespace.useMemo(
-    () => runHookWaterfall(HOOKS.MUTATE_EDIT_VIEW_LAYOUT, {
-      layout: editLayout,
-      query
-    }),
-    [editLayout, query, runHookWaterfall]
-  );
+  const setSubmitting = strapiAdmin.useForm("DeleteAction", (state) => state.setSubmitting);
+  const isLocalized = document?.locale != null;
   return {
-    error,
-    isLoading,
-    edit,
-    list: listLayout
-  };
-};
-const useDocLayout = () => {
-  const { model } = useDoc();
-  return useDocumentLayout(model);
-};
-const formatEditLayout = (data, {
-  schemas,
-  schema,
-  components
-}) => {
-  let currentPanelIndex = 0;
-  const panelledEditAttributes = convertEditLayoutToFieldLayouts(
-    data.contentType.layouts.edit,
-    schema?.attributes,
-    data.contentType.metadatas,
-    { configurations: data.components, schemas: components },
-    schemas
-  ).reduce((panels, row) => {
-    if (row.some((field) => field.type === "dynamiczone")) {
-      panels.push([row]);
-      currentPanelIndex += 2;
-    } else {
-      if (!panels[currentPanelIndex]) {
-        panels.push([]);
-      }
-      panels[currentPanelIndex].push(row);
-    }
-    return panels;
-  }, []);
-  const componentEditAttributes = Object.entries(data.components).reduce(
-    (acc, [uid, configuration]) => {
-      acc[uid] = {
-        layout: convertEditLayoutToFieldLayouts(
-          configuration.layouts.edit,
-          components[uid].attributes,
-          configuration.metadatas,
-          { configurations: data.components, schemas: components }
-        ),
-        settings: {
-          ...configuration.settings,
-          icon: components[uid].info.icon,
-          displayName: components[uid].info.displayName
+    disabled: !canDelete || !document,
+    label: formatMessage(
+      {
+        id: "content-manager.actions.delete.label",
+        defaultMessage: "Delete entry{isLocalized, select, true { (all locales)} other {}}"
+      },
+      { isLocalized }
+    ),
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Trash, {}),
+    dialog: {
+      type: "dialog",
+      title: formatMessage({
+        id: "app.components.ConfirmDialog.title",
+        defaultMessage: "Confirmation"
+      }),
+      content: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icons.WarningCircle, { width: "24px", height: "24px", fill: "danger600" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "p", variant: "omega", textAlign: "center", children: formatMessage({
+          id: "content-manager.actions.delete.dialog.body",
+          defaultMessage: "Are you sure?"
+        }) })
+      ] }),
+      onConfirm: async () => {
+        if (!listViewPathMatch) {
+          setSubmitting(true);
+        }
+        try {
+          if (!documentId && collectionType !== SINGLE_TYPES) {
+            console.error(
+              "You're trying to delete a document without an id, this is likely a bug with Strapi. Please open an issue."
+            );
+            toggleNotification({
+              message: formatMessage({
+                id: "content-manager.actions.delete.error",
+                defaultMessage: "An error occurred while trying to delete the document."
+              }),
+              type: "danger"
+            });
+            return;
+          }
+          const res = await deleteAction({
+            documentId,
+            model,
+            collectionType,
+            params: {
+              locale: "*"
+            }
+          });
+          if (!("error" in res)) {
+            navigate({ pathname: `../${collectionType}/${model}` }, { replace: true });
+          }
+        } finally {
+          if (!listViewPathMatch) {
+            setSubmitting(false);
+          }
         }
-      };
-      return acc;
-    },
-    {}
-  );
-  const editMetadatas = Object.entries(data.contentType.metadatas).reduce(
-    (acc, [attribute, metadata]) => {
-      return {
-        ...acc,
-        [attribute]: metadata.edit
-      };
-    },
-    {}
-  );
-  return {
-    layout: panelledEditAttributes,
-    components: componentEditAttributes,
-    metadatas: editMetadatas,
-    settings: {
-      ...data.contentType.settings,
-      displayName: schema?.info.displayName
+      }
     },
-    options: {
-      ...schema?.options,
-      ...schema?.pluginOptions,
-      ...data.contentType.options
-    }
+    variant: "danger",
+    position: ["header", "table-row"]
   };
 };
-const convertEditLayoutToFieldLayouts = (rows, attributes = {}, metadatas, components, schemas = []) => {
-  return rows.map(
-    (row) => row.map((field) => {
-      const attribute = attributes[field.name];
-      if (!attribute) {
-        return null;
-      }
-      const { edit: metadata } = metadatas[field.name];
-      const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
-      return {
-        attribute,
-        disabled: !metadata.editable,
-        hint: metadata.description,
-        label: metadata.label ?? "",
-        name: field.name,
-        // @ts-expect-error – mainField does exist on the metadata for a relation.
-        mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
-          schemas,
-          components: components?.schemas ?? {}
-        }),
-        placeholder: metadata.placeholder ?? "",
-        required: attribute.required ?? false,
-        size: field.size,
-        unique: "unique" in attribute ? attribute.unique : false,
-        visible: metadata.visible ?? true,
-        type: attribute.type
-      };
-    }).filter((field) => field !== null)
-  );
+DeleteAction$1.type = "delete";
+const DEFAULT_HEADER_ACTIONS = [EditTheModelAction, ConfigureTheViewAction, DeleteAction$1];
+const Panels = () => {
+  const isCloning = reactRouterDom.useMatch(CLONE_PATH) !== null;
+  const [
+    {
+      query: { status }
+    }
+  ] = strapiAdmin.useQueryParams({
+    status: "draft"
+  });
+  const { model, id, document, meta, collectionType } = useDoc();
+  const plugins = strapiAdmin.useStrapiApp("Panels", (state) => state.plugins);
+  const props = {
+    activeTab: status,
+    model,
+    documentId: id,
+    document: isCloning ? void 0 : document,
+    meta: isCloning ? void 0 : meta,
+    collectionType
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+    strapiAdmin.DescriptionComponentRenderer,
+    {
+      props,
+      descriptions: plugins["content-manager"].apis.getEditViewSidePanels(),
+      children: (panels) => panels.map(({ content, id: id2, ...description }) => /* @__PURE__ */ jsxRuntime.jsx(Panel, { ...description, children: content }, id2))
+    }
+  ) });
 };
-const formatListLayout = (data, {
-  schemas,
-  schema,
-  components
-}) => {
-  const listMetadatas = Object.entries(data.contentType.metadatas).reduce(
-    (acc, [attribute, metadata]) => {
-      return {
-        ...acc,
-        [attribute]: metadata.list
-      };
-    },
-    {}
-  );
-  const listAttributes = convertListLayoutToFieldLayouts(
-    data.contentType.layouts.list,
-    schema?.attributes,
-    listMetadatas,
-    { configurations: data.components, schemas: components },
-    schemas
-  );
+const ActionsPanel = () => {
+  const { formatMessage } = reactIntl.useIntl();
   return {
-    layout: listAttributes,
-    settings: { ...data.contentType.settings, displayName: schema?.info.displayName },
-    metadatas: listMetadatas,
-    options: {
-      ...schema?.options,
-      ...schema?.pluginOptions,
-      ...data.contentType.options
-    }
+    title: formatMessage({
+      id: "content-manager.containers.edit.panels.default.title",
+      defaultMessage: "Entry"
+    }),
+    content: /* @__PURE__ */ jsxRuntime.jsx(ActionsPanelContent, {})
   };
 };
-const convertListLayoutToFieldLayouts = (columns, attributes = {}, metadatas, components, schemas = []) => {
-  return columns.map((name) => {
-    const attribute = attributes[name];
-    if (!attribute) {
-      return null;
+ActionsPanel.type = "actions";
+const ActionsPanelContent = () => {
+  const isCloning = reactRouterDom.useMatch(CLONE_PATH) !== null;
+  const [
+    {
+      query: { status = "draft" }
     }
-    const metadata = metadatas[name];
-    const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
-    return {
-      attribute,
-      label: metadata.label ?? "",
-      mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
-        schemas,
-        components: components?.schemas ?? {}
-      }),
-      name,
-      searchable: metadata.searchable ?? true,
-      sortable: metadata.sortable ?? true
-    };
-  }).filter((field) => field !== null);
+  ] = strapiAdmin.useQueryParams();
+  const { model, id, document, meta, collectionType } = useDoc();
+  const plugins = strapiAdmin.useStrapiApp("ActionsPanel", (state) => state.plugins);
+  const props = {
+    activeTab: status,
+    model,
+    documentId: id,
+    document: isCloning ? void 0 : document,
+    meta: isCloning ? void 0 : meta,
+    collectionType
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, width: "100%", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      strapiAdmin.DescriptionComponentRenderer,
+      {
+        props,
+        descriptions: plugins["content-manager"].apis.getDocumentActions(),
+        children: (actions2) => /* @__PURE__ */ jsxRuntime.jsx(DocumentActions, { actions: actions2 })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(InjectionZone, { area: "editView.right-links", slug: model })
+  ] });
 };
+const Panel = React__namespace.forwardRef(({ children, title }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Flex,
+    {
+      ref,
+      tag: "aside",
+      "aria-labelledby": "additional-information",
+      background: "neutral0",
+      borderColor: "neutral150",
+      hasRadius: true,
+      paddingBottom: 4,
+      paddingLeft: 4,
+      paddingRight: 4,
+      paddingTop: 4,
+      shadow: "tableShadow",
+      gap: 3,
+      direction: "column",
+      justifyContent: "stretch",
+      alignItems: "flex-start",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h2", variant: "sigma", textTransform: "uppercase", textColor: "neutral600", children: title }),
+        children
+      ]
+    }
+  );
+});
 const ConfirmBulkActionDialog = ({
   onToggleDialog,
   isOpen = false,
@@ -3947,6 +4023,82 @@ const { setInitialData } = actions;
 const reducer = toolkit.combineReducers({
   app: reducer$1
 });
+const previewApi = contentManagerApi.injectEndpoints({
+  endpoints: (builder) => ({
+    getPreviewUrl: builder.query({
+      query({ query, params }) {
+        return {
+          url: `/content-manager/preview/url/${params.contentType}`,
+          method: "GET",
+          config: {
+            params: query
+          }
+        };
+      }
+    })
+  })
+});
+const { useGetPreviewUrlQuery } = previewApi;
+const PreviewSidePanel = ({ model, documentId, document }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { toggleNotification } = strapiAdmin.useNotification();
+  const { copy } = strapiAdmin.useClipboard();
+  const { data, error } = useGetPreviewUrlQuery({
+    params: {
+      contentType: model
+    },
+    query: {
+      documentId,
+      locale: document?.locale,
+      status: document?.status
+    }
+  });
+  if (!data?.data?.url || error) {
+    return null;
+  }
+  const { url } = data.data;
+  const handleCopyLink = () => {
+    copy(url);
+    toggleNotification({
+      message: formatMessage({
+        id: "content-manager.preview.copy.success",
+        defaultMessage: "Copied preview link"
+      }),
+      type: "success"
+    });
+  };
+  return {
+    title: formatMessage({ id: "content-manager.preview.panel.title", defaultMessage: "Preview" }),
+    content: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, width: "100%", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", tag: reactRouterDom.Link, to: url, target: "_blank", flex: "auto", children: formatMessage({
+        id: "content-manager.preview.panel.button",
+        defaultMessage: "Open preview"
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.IconButton,
+        {
+          type: "button",
+          label: formatMessage({
+            id: "preview.copy.label",
+            defaultMessage: "Copy preview link"
+          }),
+          onClick: handleCopyLink,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Link, {})
+        }
+      )
+    ] })
+  };
+};
+const FEATURE_ID = "preview";
+const previewAdmin = {
+  bootstrap(app) {
+    if (!window.strapi.future.isEnabled(FEATURE_ID)) {
+      return;
+    }
+    const contentManagerPluginApis = app.getPlugin("content-manager").apis;
+    contentManagerPluginApis.addEditViewSidePanel([PreviewSidePanel]);
+  }
+};
 const index = {
   register(app) {
     const cm = new ContentManagerPlugin();
@@ -3966,7 +4118,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await Promise.resolve().then(() => require("./layout-bE-WUnQ0.js"));
+        const { Layout } = await Promise.resolve().then(() => require("./layout-ByFyQRDH.js"));
         return {
           Component: Layout
         };
@@ -3979,11 +4131,14 @@ const index = {
     if (typeof historyAdmin.bootstrap === "function") {
       historyAdmin.bootstrap(app);
     }
+    if (typeof previewAdmin.bootstrap === "function") {
+      previewAdmin.bootstrap(app);
+    }
   },
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => Promise.resolve().then(() => require("./ar-BUUWXIYu.js")), "./translations/ca.json": () => Promise.resolve().then(() => require("./ca-Cmk45QO6.js")), "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-CkJy6B2v.js")), "./translations/de.json": () => Promise.resolve().then(() => require("./de-CCEmbAah.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-BVzUkPxZ.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-EUonQTon.js")), "./translations/eu.json": () => Promise.resolve().then(() => require("./eu-VDH-3ovk.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-B7kGGg3E.js")), "./translations/gu.json": () => Promise.resolve().then(() => require("./gu-BRmF601H.js")), "./translations/hi.json": () => Promise.resolve().then(() => require("./hi-CCJBptSq.js")), "./translations/hu.json": () => Promise.resolve().then(() => require("./hu-sNV_yLYy.js")), "./translations/id.json": () => Promise.resolve().then(() => require("./id-B5Ser98A.js")), "./translations/it.json": () => Promise.resolve().then(() => require("./it-DkBIs7vD.js")), "./translations/ja.json": () => Promise.resolve().then(() => require("./ja-CcFe8diO.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-woFZPmLk.js")), "./translations/ml.json": () => Promise.resolve().then(() => require("./ml-C2W8N8k1.js")), "./translations/ms.json": () => Promise.resolve().then(() => require("./ms-BuFotyP_.js")), "./translations/nl.json": () => Promise.resolve().then(() => require("./nl-bbEOHChV.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-uzwG-hk7.js")), "./translations/pt-BR.json": () => Promise.resolve().then(() => require("./pt-BR-BiOz37D9.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-CeXQuq50.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BT3ybNny.js")), "./translations/sa.json": () => Promise.resolve().then(() => require("./sa-CcvkYInH.js")), "./translations/sk.json": () => Promise.resolve().then(() => require("./sk-CvY09Xjv.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-MYDuzgvT.js")), "./translations/th.json": () => Promise.resolve().then(() => require("./th-D9_GfAjc.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-D9UH-O_R.js")), "./translations/uk.json": () => Promise.resolve().then(() => require("./uk-C8EiqJY7.js")), "./translations/vi.json": () => Promise.resolve().then(() => require("./vi-CJlYDheJ.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-9kOncHGw.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CQQfszqR.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => Promise.resolve().then(() => require("./ar-BUUWXIYu.js")), "./translations/ca.json": () => Promise.resolve().then(() => require("./ca-Cmk45QO6.js")), "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-CkJy6B2v.js")), "./translations/de.json": () => Promise.resolve().then(() => require("./de-CCEmbAah.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-Bdpa50w3.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-9K52xZIr.js")), "./translations/eu.json": () => Promise.resolve().then(() => require("./eu-VDH-3ovk.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-B2Kyv8Z9.js")), "./translations/gu.json": () => Promise.resolve().then(() => require("./gu-BRmF601H.js")), "./translations/hi.json": () => Promise.resolve().then(() => require("./hi-CCJBptSq.js")), "./translations/hu.json": () => Promise.resolve().then(() => require("./hu-sNV_yLYy.js")), "./translations/id.json": () => Promise.resolve().then(() => require("./id-B5Ser98A.js")), "./translations/it.json": () => Promise.resolve().then(() => require("./it-DkBIs7vD.js")), "./translations/ja.json": () => Promise.resolve().then(() => require("./ja-7sfIbjxE.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-woFZPmLk.js")), "./translations/ml.json": () => Promise.resolve().then(() => require("./ml-C2W8N8k1.js")), "./translations/ms.json": () => Promise.resolve().then(() => require("./ms-BuFotyP_.js")), "./translations/nl.json": () => Promise.resolve().then(() => require("./nl-bbEOHChV.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-uzwG-hk7.js")), "./translations/pt-BR.json": () => Promise.resolve().then(() => require("./pt-BR-BiOz37D9.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-CeXQuq50.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BT3ybNny.js")), "./translations/sa.json": () => Promise.resolve().then(() => require("./sa-CcvkYInH.js")), "./translations/sk.json": () => Promise.resolve().then(() => require("./sk-CvY09Xjv.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-MYDuzgvT.js")), "./translations/th.json": () => Promise.resolve().then(() => require("./th-D9_GfAjc.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-D9UH-O_R.js")), "./translations/uk.json": () => Promise.resolve().then(() => require("./uk-C8EiqJY7.js")), "./translations/vi.json": () => Promise.resolve().then(() => require("./vi-CJlYDheJ.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-9kOncHGw.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CQQfszqR.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, PLUGIN_ID),
             locale
@@ -4029,6 +4184,7 @@ exports.getMainField = getMainField;
 exports.getTranslation = getTranslation;
 exports.index = index;
 exports.setInitialData = setInitialData;
+exports.useContentManagerContext = useContentManagerContext;
 exports.useContentTypeSchema = useContentTypeSchema;
 exports.useDoc = useDoc;
 exports.useDocLayout = useDocLayout;
@@ -4041,4 +4197,4 @@ exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-DXiHxy70.js.map
+//# sourceMappingURL=index-BgaeYWIy.js.map