@strapi/content-manager 0.0.0-experimental.321ce9aec15b73c35cde3a2802d0ff2aed17e1a1 → 0.0.0-experimental.32a96e212ac6550182455c62b032966a13f0a362

package/dist/admin/chunks/History-DLZhDdV2.js

@@ -1,1308 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React from 'react';
-import { useForm, useStrapiApp, InputRenderer, useField, Form, Layouts, useTracking, useNotification, useQueryParams, useRBAC, ConfirmDialog, createContext, Page } from '@strapi/admin/strapi-admin';
-import { Alert, Link, Flex, Field, Box, Tooltip, Typography, Divider, Grid, Dialog, Button, Portal, FocusTrap, Main } from '@strapi/design-system';
-import { stringify } from 'qs';
-import { useIntl } from 'react-intl';
-import { NavLink, useNavigate, useParams, Link as Link$1, Navigate } from 'react-router-dom';
-import { c as useDoc, f as useDocumentRBAC, m as useDocLayout, C as COLLECTION_TYPES, D as DocumentStatus, K as removeFieldsThatDontExistOnSchema, L as prepareTempKeys, e as contentManagerApi, k as PERMISSIONS, v as getDisplayName, R as RelativeTime, l as DocumentRBAC, M as useDocument, h as useDocumentLayout, p as useGetContentTypeConfigurationQuery, d as buildValidParams } from './index-CoFU1_OP.js';
-import pipe from 'lodash/fp/pipe';
-import { u as useTypedSelector } from './hooks-DMvik5y_.js';
-import { ArrowLeft, WarningCircle } from '@strapi/icons';
-import { styled } from 'styled-components';
-import { a as useDynamicZone, u as useLazyComponents, b as useFieldHint, N as NotAllowedInput, M as MemoizedUIDInput, c as MemoizedWysiwyg, D as DynamicZone, d as MemoizedComponentInput, e as MemoizedBlocksInput } from './Input-8gxFzlxO.js';
-import { g as getRelationLabel } from './relations-ZytzvtlY.js';
-import 'lodash/fp/mapValues';
-import 'yup';
-import 'fractional-indexing';
-import 'date-fns';
-import '@reduxjs/toolkit';
-import 'react-redux';
-import 'slate';
-import 'slate-history';
-import 'slate-react';
-import 'prismjs';
-import 'prismjs/themes/prism-solarizedlight.css';
-import './usePrev-Bjw2dhmq.js';
-import './useDragAndDrop-HYwNDExe.js';
-import 'react-dnd';
-import '@radix-ui/react-toolbar';
-import 'react-dnd-html5-backend';
-import './objects-wl73iEma.js';
-import 'lodash/clone';
-import 'lodash/toPath';
-import './Relations-Dc3q-Gaa.js';
-import 'react-window';
-import './ComponentIcon-BZcTc4rj.js';
-import '@strapi/icons/symbols';
-import 'codemirror5';
-import 'sanitize-html';
-import 'highlight.js';
-import 'markdown-it';
-import 'markdown-it-abbr';
-import 'markdown-it-container';
-import 'markdown-it-deflist';
-import 'markdown-it-emoji';
-import 'markdown-it-footnote';
-import 'markdown-it-ins';
-import 'markdown-it-mark';
-import 'markdown-it-sub';
-import 'markdown-it-sup';
-import 'highlight.js/styles/solarized-dark.css';
-import 'codemirror5/addon/display/placeholder';
-
-const StyledAlert = styled(Alert).attrs({
-    closeLabel: 'Close',
-    onClose: ()=>{},
-    shadow: 'none'
-})`
-  button {
-    display: none;
-  }
-`;
-/* -------------------------------------------------------------------------------------------------
- * CustomRelationInput
- * -----------------------------------------------------------------------------------------------*/ const LinkEllipsis = styled(Link)`
-  display: block;
-
-  & > span {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: block;
-  }
-`;
-const CustomRelationInput = (props)=>{
-    const { formatMessage } = useIntl();
-    const field = useField(props.name);
-    /**
-   * Ideally the server would return the correct shape, however, for admin user relations
-   * it sanitizes everything out when it finds an object for the relation value.
-   */ let formattedFieldValue;
-    if (field) {
-        formattedFieldValue = Array.isArray(field.value) ? {
-            results: field.value,
-            meta: {
-                missingCount: 0
-            }
-        } : field.value;
-    }
-    if (!formattedFieldValue || formattedFieldValue.results.length === 0 && formattedFieldValue.meta.missingCount === 0) {
-        return /*#__PURE__*/ jsxs(Fragment, {
-            children: [
-                /*#__PURE__*/ jsx(Field.Label, {
-                    action: props.labelAction,
-                    children: props.label
-                }),
-                /*#__PURE__*/ jsx(Box, {
-                    marginTop: 1,
-                    children: /*#__PURE__*/ jsx(StyledAlert, {
-                        variant: "default",
-                        children: formatMessage({
-                            id: 'content-manager.history.content.no-relations',
-                            defaultMessage: 'No relations.'
-                        })
-                    })
-                })
-            ]
-        });
-    }
-    const { results, meta } = formattedFieldValue;
-    return /*#__PURE__*/ jsxs(Box, {
-        children: [
-            /*#__PURE__*/ jsx(Field.Label, {
-                children: props.label
-            }),
-            results.length > 0 && /*#__PURE__*/ jsx(Flex, {
-                direction: "column",
-                gap: 2,
-                marginTop: 1,
-                alignItems: "stretch",
-                children: results.map((relationData)=>{
-                    // @ts-expect-error - targetModel does exist on the attribute. But it's not typed.
-                    const { targetModel } = props.attribute;
-                    const href = `../${COLLECTION_TYPES}/${targetModel}/${relationData.documentId}`;
-                    const label = getRelationLabel(relationData, props.mainField);
-                    const isAdminUserRelation = targetModel === 'admin::user';
-                    return /*#__PURE__*/ jsxs(Flex, {
-                        paddingTop: 2,
-                        paddingBottom: 2,
-                        paddingLeft: 4,
-                        paddingRight: 4,
-                        hasRadius: true,
-                        borderColor: "neutral200",
-                        background: "neutral150",
-                        justifyContent: "space-between",
-                        children: [
-                            /*#__PURE__*/ jsx(Box, {
-                                minWidth: 0,
-                                paddingTop: 1,
-                                paddingBottom: 1,
-                                paddingRight: 4,
-                                children: /*#__PURE__*/ jsx(Tooltip, {
-                                    label: label,
-                                    children: isAdminUserRelation ? /*#__PURE__*/ jsx(Typography, {
-                                        children: label
-                                    }) : /*#__PURE__*/ jsx(LinkEllipsis, {
-                                        tag: NavLink,
-                                        to: href,
-                                        children: label
-                                    })
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(DocumentStatus, {
-                                status: relationData.status
-                            })
-                        ]
-                    }, relationData.documentId ?? relationData.id);
-                })
-            }),
-            meta.missingCount > 0 && /* @ts-expect-error – we dont need closeLabel */ /*#__PURE__*/ jsx(StyledAlert, {
-                marginTop: 1,
-                variant: "warning",
-                title: formatMessage({
-                    id: 'content-manager.history.content.missing-relations.title',
-                    defaultMessage: '{number, plural, =1 {Missing relation} other {{number} missing relations}}'
-                }, {
-                    number: meta.missingCount
-                }),
-                children: formatMessage({
-                    id: 'content-manager.history.content.missing-relations.message',
-                    defaultMessage: "{number, plural, =1 {It has} other {They have}} been deleted and can't be restored."
-                }, {
-                    number: meta.missingCount
-                })
-            })
-        ]
-    });
-};
-/* -------------------------------------------------------------------------------------------------
- * CustomMediaInput
- * -----------------------------------------------------------------------------------------------*/ //  Create an object with value at key path (i.e. 'a.b.c')
-const createInitialValuesForPath = (keyPath, value)=>{
-    const keys = keyPath.split('.');
-    // The root level object
-    const root = {};
-    // Make the first node the root
-    let node = root;
-    keys.forEach((key, index)=>{
-        // Skip prototype pollution keys
-        if (key === '__proto__' || key === 'constructor') return;
-        // If it's the last key, set the node value
-        if (index === keys.length - 1) {
-            node[key] = value;
-        } else {
-            // Ensure the key exists and is an object
-            node[key] = node[key] || {};
-        }
-        // Traverse down the tree
-        node = node[key];
-    });
-    return root;
-};
-const CustomMediaInput = (props)=>{
-    const { value } = useField(props.name);
-    const results = value?.results ?? [];
-    const meta = value?.meta ?? {
-        missingCount: 0
-    };
-    const { formatMessage } = useIntl();
-    const fields = useStrapiApp('CustomMediaInput', (state)=>state.fields);
-    const MediaLibrary = fields.media;
-    return /*#__PURE__*/ jsxs(Flex, {
-        direction: "column",
-        gap: 2,
-        alignItems: "stretch",
-        children: [
-            /*#__PURE__*/ jsx(Form, {
-                method: "PUT",
-                disabled: true,
-                initialValues: createInitialValuesForPath(props.name, results),
-                children: /*#__PURE__*/ jsx(MediaLibrary, {
-                    ...props,
-                    disabled: true,
-                    multiple: results.length > 1
-                })
-            }),
-            meta.missingCount > 0 && /*#__PURE__*/ jsx(StyledAlert, {
-                variant: "warning",
-                closeLabel: "Close",
-                onClose: ()=>{},
-                title: formatMessage({
-                    id: 'content-manager.history.content.missing-assets.title',
-                    defaultMessage: '{number, plural, =1 {Missing asset} other {{number} missing assets}}'
-                }, {
-                    number: meta.missingCount
-                }),
-                children: formatMessage({
-                    id: 'content-manager.history.content.missing-assets.message',
-                    defaultMessage: "{number, plural, =1 {It has} other {They have}} been deleted in the Media Library and can't be restored."
-                }, {
-                    number: meta.missingCount
-                })
-            })
-        ]
-    });
-};
-/**
- * Checks if the i18n plugin added a label action to the field and modifies it
- * to adapt the wording for the history page.
- */ const getLabelAction = (labelAction)=>{
-    if (!/*#__PURE__*/ React.isValidElement(labelAction)) {
-        return labelAction;
-    }
-    // TODO: find a better way to do this rather than access internals
-    const labelActionTitleId = labelAction.props.title.id;
-    if (labelActionTitleId === 'i18n.Field.localized') {
-        return /*#__PURE__*/ React.cloneElement(labelAction, {
-            ...labelAction.props,
-            title: {
-                id: 'history.content.localized',
-                defaultMessage: 'This value is specific to this locale. If you restore this version, the content will not be replaced for other locales.'
-            }
-        });
-    }
-    if (labelActionTitleId === 'i18n.Field.not-localized') {
-        return /*#__PURE__*/ React.cloneElement(labelAction, {
-            ...labelAction.props,
-            title: {
-                id: 'history.content.not-localized',
-                defaultMessage: 'This value is common to all locales. If you restore this version and save the changes, the content will be replaced for all locales.'
-            }
-        });
-    }
-    // Label action is unrelated to i18n, don't touch it.
-    return labelAction;
-};
-/**
- * @internal
- *
- * @description An abstraction around the regular form input renderer designed specifically
- * to be used on the History page in the content-manager. It understands how to render specific
- * inputs within the context of a history version (i.e. relations, media, ignored RBAC, etc...)
- */ const VersionInputRenderer = ({ visible, hint: providedHint, shouldIgnoreRBAC = false, labelAction, ...props })=>{
-    const customLabelAction = getLabelAction(labelAction);
-    const { formatMessage } = useIntl();
-    const version = useHistoryContext('VersionContent', (state)=>state.selectedVersion);
-    const configuration = useHistoryContext('VersionContent', (state)=>state.configuration);
-    const fieldSizes = useTypedSelector((state)=>state['content-manager'].app.fieldSizes);
-    const { id, components } = useDoc();
-    const isFormDisabled = useForm('InputRenderer', (state)=>state.disabled);
-    const isInDynamicZone = useDynamicZone('isInDynamicZone', (state)=>state.isInDynamicZone);
-    const canCreateFields = useDocumentRBAC('InputRenderer', (rbac)=>rbac.canCreateFields);
-    const canReadFields = useDocumentRBAC('InputRenderer', (rbac)=>rbac.canReadFields);
-    const canUpdateFields = useDocumentRBAC('InputRenderer', (rbac)=>rbac.canUpdateFields);
-    const canUserAction = useDocumentRBAC('InputRenderer', (rbac)=>rbac.canUserAction);
-    const editableFields = id ? canUpdateFields : canCreateFields;
-    const readableFields = id ? canReadFields : canCreateFields;
-    /**
-   * Component fields are always readable and editable,
-   * however the fields within them may not be.
-   */ const canUserReadField = canUserAction(props.name, readableFields, props.type);
-    const canUserEditField = canUserAction(props.name, editableFields, props.type);
-    const fields = useStrapiApp('InputRenderer', (app)=>app.fields);
-    const { lazyComponentStore } = useLazyComponents(attributeHasCustomFieldProperty(props.attribute) ? [
-        props.attribute.customField
-    ] : undefined);
-    const hint = useFieldHint(providedHint, props.attribute);
-    const { edit: { components: componentsLayout } } = useDocLayout();
-    if (!visible) {
-        return null;
-    }
-    /**
-   * Don't render the field if the user can't read it.
-   */ if (!shouldIgnoreRBAC && !canUserReadField && !isInDynamicZone) {
-        return /*#__PURE__*/ jsx(NotAllowedInput, {
-            hint: hint,
-            ...props
-        });
-    }
-    const fieldIsDisabled = !canUserEditField && !isInDynamicZone || props.disabled || isFormDisabled;
-    /**
-   * Attributes found on the current content-type schema cannot be restored. We handle
-   * this by displaying a warning alert to the user instead of the input for that field type.
-   */ const addedAttributes = version.meta.unknownAttributes.added;
-    if (Object.keys(addedAttributes).includes(props.name)) {
-        return /*#__PURE__*/ jsxs(Flex, {
-            direction: "column",
-            alignItems: "flex-start",
-            gap: 1,
-            children: [
-                /*#__PURE__*/ jsx(Field.Label, {
-                    children: props.label
-                }),
-                /*#__PURE__*/ jsx(StyledAlert, {
-                    width: "100%",
-                    closeLabel: "Close",
-                    onClose: ()=>{},
-                    variant: "warning",
-                    title: formatMessage({
-                        id: 'content-manager.history.content.new-field.title',
-                        defaultMessage: 'New field'
-                    }),
-                    children: formatMessage({
-                        id: 'content-manager.history.content.new-field.message',
-                        defaultMessage: "This field didn't exist when this version was saved. If you restore this version, it will be empty."
-                    })
-                })
-            ]
-        });
-    }
-    /**
-   * Because a custom field has a unique prop but the type could be confused with either
-   * the useField hook or the type of the field we need to handle it separately and first.
-   */ if (attributeHasCustomFieldProperty(props.attribute)) {
-        const CustomInput = lazyComponentStore[props.attribute.customField];
-        if (CustomInput) {
-            return /*#__PURE__*/ jsx(CustomInput, {
-                ...props,
-                // @ts-expect-error – TODO: fix this type error in the useLazyComponents hook.
-                hint: hint,
-                labelAction: customLabelAction,
-                disabled: fieldIsDisabled
-            });
-        }
-        return /*#__PURE__*/ jsx(InputRenderer, {
-            ...props,
-            hint: hint,
-            labelAction: customLabelAction,
-            // @ts-expect-error – this workaround lets us display that the custom field is missing.
-            type: props.attribute.customField,
-            disabled: fieldIsDisabled
-        });
-    }
-    /**
-   * Since media fields use a custom input via the upload plugin provided by the useLibrary hook,
-   * we need to handle the them before other custom inputs coming from the useLibrary hook.
-   */ if (props.type === 'media') {
-        return /*#__PURE__*/ jsx(CustomMediaInput, {
-            ...props,
-            labelAction: customLabelAction,
-            disabled: fieldIsDisabled
-        });
-    }
-    /**
-   * This is where we handle ONLY the fields from the `useLibrary` hook.
-   */ const addedInputTypes = Object.keys(fields);
-    if (!attributeHasCustomFieldProperty(props.attribute) && addedInputTypes.includes(props.type)) {
-        const CustomInput = fields[props.type];
-        return /*#__PURE__*/ jsx(CustomInput, {
-            ...props,
-            // @ts-expect-error – TODO: fix this type error in the useLibrary hook.
-            hint: hint,
-            labelAction: customLabelAction,
-            disabled: fieldIsDisabled
-        });
-    }
-    /**
-   * These include the content-manager specific fields, failing that we fall back
-   * to the more generic form input renderer.
-   */ switch(props.type){
-        case 'blocks':
-            return /*#__PURE__*/ jsx(MemoizedBlocksInput, {
-                ...props,
-                hint: hint,
-                type: props.type,
-                disabled: fieldIsDisabled
-            });
-        case 'component':
-            const { layout } = componentsLayout[props.attribute.component];
-            // Components can only have one panel, so only save the first layout item
-            const [remainingFieldsLayout] = getRemaingFieldsLayout({
-                layout: [
-                    layout
-                ],
-                metadatas: configuration.components[props.attribute.component].metadatas,
-                fieldSizes,
-                schemaAttributes: components[props.attribute.component].attributes
-            });
-            return /*#__PURE__*/ jsx(MemoizedComponentInput, {
-                ...props,
-                layout: [
-                    ...layout,
-                    ...remainingFieldsLayout || []
-                ],
-                hint: hint,
-                labelAction: customLabelAction,
-                disabled: fieldIsDisabled,
-                children: (inputProps)=>/*#__PURE__*/ jsx(VersionInputRenderer, {
-                        ...inputProps,
-                        shouldIgnoreRBAC: true
-                    })
-            });
-        case 'dynamiczone':
-            return /*#__PURE__*/ jsx(DynamicZone, {
-                ...props,
-                hint: hint,
-                labelAction: customLabelAction,
-                disabled: fieldIsDisabled,
-                children: (inputProps)=>/*#__PURE__*/ jsx(VersionInputRenderer, {
-                        ...inputProps,
-                        shouldIgnoreRBAC: true
-                    })
-            });
-        case 'relation':
-            return /*#__PURE__*/ jsx(CustomRelationInput, {
-                ...props,
-                hint: hint,
-                labelAction: customLabelAction,
-                disabled: fieldIsDisabled
-            });
-        case 'richtext':
-            return /*#__PURE__*/ jsx(MemoizedWysiwyg, {
-                ...props,
-                hint: hint,
-                type: props.type,
-                labelAction: customLabelAction,
-                disabled: fieldIsDisabled
-            });
-        case 'uid':
-            return /*#__PURE__*/ jsx(MemoizedUIDInput, {
-                ...props,
-                hint: hint,
-                type: props.type,
-                labelAction: customLabelAction,
-                disabled: fieldIsDisabled
-            });
-        /**
-     * Enumerations are a special case because they require options.
-     */ case 'enumeration':
-            return /*#__PURE__*/ jsx(InputRenderer, {
-                ...props,
-                hint: hint,
-                labelAction: customLabelAction,
-                options: props.attribute.enum.map((value)=>({
-                        value
-                    })),
-                // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!
-                type: props.customField ? 'custom-field' : props.type,
-                disabled: fieldIsDisabled
-            });
-        default:
-            // These props are not needed for the generic form input renderer.
-            const { unique: _unique, mainField: _mainField, ...restProps } = props;
-            return /*#__PURE__*/ jsx(InputRenderer, {
-                ...restProps,
-                hint: hint,
-                labelAction: customLabelAction,
-                // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!
-                type: props.customField ? 'custom-field' : props.type,
-                disabled: fieldIsDisabled
-            });
-    }
-};
-const attributeHasCustomFieldProperty = (attribute)=>'customField' in attribute && typeof attribute.customField === 'string';
-
-const createLayoutFromFields = (fields)=>{
-    return fields.reduce((rows, field)=>{
-        if (field.type === 'dynamiczone') {
-            // Dynamic zones take up all the columns in a row
-            rows.push([
-                field
-            ]);
-            return rows;
-        }
-        if (!rows[rows.length - 1]) {
-            // Create a new row if there isn't one available
-            rows.push([]);
-        }
-        // Push fields to the current row, they wrap and handle their own column size
-        rows[rows.length - 1].push(field);
-        return rows;
-    }, [])// Map the rows to panels
-    .map((row)=>[
-            row
-        ]);
-};
-/**
- * Build a layout for the fields that are were deleted from the edit view layout
- * via the configure the view page. This layout will be merged with the main one.
- * Those fields would be restored if the user restores the history version, which is why it's
- * important to show them, even if they're not in the normal layout.
- */ function getRemaingFieldsLayout({ layout, metadatas, schemaAttributes, fieldSizes }) {
-    const fieldsInLayout = layout.flatMap((panel)=>panel.flatMap((row)=>row.flatMap((field)=>field.name)));
-    const remainingFields = Object.entries(metadatas).reduce((currentRemainingFields, [name, field])=>{
-        // Make sure we do not fields that are not visible, e.g. "id"
-        if (!fieldsInLayout.includes(name) && field.edit.visible === true) {
-            const attribute = schemaAttributes[name];
-            // @ts-expect-error not sure why attribute causes type error
-            currentRemainingFields.push({
-                attribute,
-                type: attribute.type,
-                visible: true,
-                disabled: true,
-                label: field.edit.label || name,
-                name: name,
-                size: fieldSizes[attribute.type].default ?? 12
-            });
-        }
-        return currentRemainingFields;
-    }, []);
-    return createLayoutFromFields(remainingFields);
-}
-/* -------------------------------------------------------------------------------------------------
- * FormPanel
- * -----------------------------------------------------------------------------------------------*/ const FormPanel = ({ panel })=>{
-    if (panel.some((row)=>row.some((field)=>field.type === 'dynamiczone'))) {
-        const [row] = panel;
-        const [field] = row;
-        return /*#__PURE__*/ jsx(Grid.Root, {
-            gap: 4,
-            children: /*#__PURE__*/ jsx(Grid.Item, {
-                col: 12,
-                s: 12,
-                xs: 12,
-                direction: "column",
-                alignItems: "stretch",
-                children: /*#__PURE__*/ jsx(VersionInputRenderer, {
-                    ...field
-                })
-            })
-        }, field.name);
-    }
-    return /*#__PURE__*/ jsx(Box, {
-        hasRadius: true,
-        background: "neutral0",
-        shadow: "tableShadow",
-        paddingLeft: 6,
-        paddingRight: 6,
-        paddingTop: 6,
-        paddingBottom: 6,
-        borderColor: "neutral150",
-        children: /*#__PURE__*/ jsx(Flex, {
-            direction: "column",
-            alignItems: "stretch",
-            gap: 6,
-            children: panel.map((row, gridRowIndex)=>/*#__PURE__*/ jsx(Grid.Root, {
-                    gap: 4,
-                    children: row.map(({ size, ...field })=>{
-                        return /*#__PURE__*/ jsx(Grid.Item, {
-                            col: size,
-                            s: 12,
-                            xs: 12,
-                            direction: "column",
-                            alignItems: "stretch",
-                            children: /*#__PURE__*/ jsx(VersionInputRenderer, {
-                                ...field
-                            })
-                        }, field.name);
-                    })
-                }, gridRowIndex))
-        })
-    });
-};
-const VersionContent = ()=>{
-    const { formatMessage } = useIntl();
-    const { fieldSizes } = useTypedSelector((state)=>state['content-manager'].app);
-    const version = useHistoryContext('VersionContent', (state)=>state.selectedVersion);
-    const layout = useHistoryContext('VersionContent', (state)=>state.layout);
-    const configuration = useHistoryContext('VersionContent', (state)=>state.configuration);
-    const schema = useHistoryContext('VersionContent', (state)=>state.schema);
-    // Build a layout for the unknown fields section
-    const removedAttributes = version.meta.unknownAttributes.removed;
-    const removedAttributesAsFields = Object.entries(removedAttributes).map(([attributeName, attribute])=>{
-        const field = {
-            attribute,
-            shouldIgnoreRBAC: true,
-            type: attribute.type,
-            visible: true,
-            disabled: true,
-            label: attributeName,
-            name: attributeName,
-            size: fieldSizes[attribute.type].default ?? 12
-        };
-        return field;
-    });
-    const unknownFieldsLayout = createLayoutFromFields(removedAttributesAsFields);
-    // Build a layout for the fields that are were deleted from the layout
-    const remainingFieldsLayout = getRemaingFieldsLayout({
-        metadatas: configuration.contentType.metadatas,
-        layout,
-        schemaAttributes: schema.attributes,
-        fieldSizes
-    });
-    const { components } = useDoc();
-    /**
-   * Transform the data before passing it to the form so that each field
-   * has a uniquely generated key
-   */ const transformedData = React.useMemo(()=>{
-        const transform = (schemaAttributes, components = {})=>(document)=>{
-                const schema = {
-                    attributes: schemaAttributes
-                };
-                const transformations = pipe(removeFieldsThatDontExistOnSchema(schema), prepareTempKeys(schema, components));
-                return transformations(document);
-            };
-        return transform(version.schema, components)(version.data);
-    }, [
-        components,
-        version.data,
-        version.schema
-    ]);
-    return /*#__PURE__*/ jsxs(Layouts.Content, {
-        children: [
-            /*#__PURE__*/ jsx(Box, {
-                paddingBottom: 8,
-                children: /*#__PURE__*/ jsx(Form, {
-                    disabled: true,
-                    method: "PUT",
-                    initialValues: transformedData,
-                    children: /*#__PURE__*/ jsx(Flex, {
-                        direction: "column",
-                        alignItems: "stretch",
-                        gap: 6,
-                        position: "relative",
-                        children: [
-                            ...layout,
-                            ...remainingFieldsLayout
-                        ].map((panel, index)=>{
-                            return /*#__PURE__*/ jsx(FormPanel, {
-                                panel: panel
-                            }, index);
-                        })
-                    })
-                })
-            }),
-            removedAttributesAsFields.length > 0 && /*#__PURE__*/ jsxs(Fragment, {
-                children: [
-                    /*#__PURE__*/ jsx(Divider, {}),
-                    /*#__PURE__*/ jsxs(Box, {
-                        paddingTop: 8,
-                        children: [
-                            /*#__PURE__*/ jsxs(Flex, {
-                                direction: "column",
-                                alignItems: "flex-start",
-                                paddingBottom: 6,
-                                gap: 1,
-                                children: [
-                                    /*#__PURE__*/ jsx(Typography, {
-                                        variant: "delta",
-                                        children: formatMessage({
-                                            id: 'content-manager.history.content.unknown-fields.title',
-                                            defaultMessage: 'Unknown fields'
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsx(Typography, {
-                                        variant: "pi",
-                                        children: formatMessage({
-                                            id: 'content-manager.history.content.unknown-fields.message',
-                                            defaultMessage: 'These fields have been deleted or renamed in the Content-Type Builder. <b>These fields will not be restored.</b>'
-                                        }, {
-                                            b: (chunks)=>/*#__PURE__*/ jsx(Typography, {
-                                                    variant: "pi",
-                                                    fontWeight: "bold",
-                                                    children: chunks
-                                                })
-                                        })
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx(Form, {
-                                disabled: true,
-                                method: "PUT",
-                                initialValues: version.data,
-                                children: /*#__PURE__*/ jsx(Flex, {
-                                    direction: "column",
-                                    alignItems: "stretch",
-                                    gap: 6,
-                                    position: "relative",
-                                    children: unknownFieldsLayout.map((panel, index)=>{
-                                        return /*#__PURE__*/ jsx(FormPanel, {
-                                            panel: panel
-                                        }, index);
-                                    })
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-const historyVersionsApi = contentManagerApi.injectEndpoints({
-    endpoints: (builder)=>({
-            getHistoryVersions: builder.query({
-                query (params) {
-                    return {
-                        url: `/content-manager/history-versions`,
-                        method: 'GET',
-                        config: {
-                            params
-                        }
-                    };
-                },
-                providesTags: [
-                    'HistoryVersion'
-                ]
-            }),
-            restoreVersion: builder.mutation({
-                query ({ params, body }) {
-                    return {
-                        url: `/content-manager/history-versions/${params.versionId}/restore`,
-                        method: 'PUT',
-                        data: body
-                    };
-                },
-                invalidatesTags: (_res, _error, { documentId, collectionType, params })=>{
-                    return [
-                        'HistoryVersion',
-                        {
-                            type: 'Document',
-                            id: collectionType === COLLECTION_TYPES ? `${params.contentType}_${documentId}` : params.contentType
-                        }
-                    ];
-                }
-            })
-        })
-});
-const { useGetHistoryVersionsQuery, useRestoreVersionMutation } = historyVersionsApi;
-
-const VersionHeader = ({ headerId })=>{
-    const [isConfirmDialogOpen, setIsConfirmDialogOpen] = React.useState(false);
-    const navigate = useNavigate();
-    const { formatMessage, formatDate } = useIntl();
-    const { trackUsage } = useTracking();
-    const { toggleNotification } = useNotification();
-    const [{ query }] = useQueryParams();
-    const { collectionType, slug } = useParams();
-    const [restoreVersion, { isLoading }] = useRestoreVersionMutation();
-    const { allowedActions } = useRBAC(PERMISSIONS.map((action)=>({
-            action,
-            subject: slug
-        })));
-    const version = useHistoryContext('VersionHeader', (state)=>state.selectedVersion);
-    const mainField = useHistoryContext('VersionHeader', (state)=>state.mainField);
-    const schema = useHistoryContext('VersionHeader', (state)=>state.schema);
-    const isCurrentVersion = useHistoryContext('VersionHeader', (state)=>state.page === 1 && state.versions.data[0].id === state.selectedVersion.id);
-    const mainFieldValue = version.data[mainField];
-    const getNextNavigation = ()=>{
-        const pluginsQueryParams = stringify({
-            plugins: query.plugins
-        }, {
-            encode: false
-        });
-        return {
-            pathname: '..',
-            search: pluginsQueryParams
-        };
-    };
-    const handleRestore = async ()=>{
-        try {
-            const response = await restoreVersion({
-                documentId: version.relatedDocumentId,
-                collectionType,
-                params: {
-                    versionId: version.id,
-                    contentType: version.contentType
-                },
-                body: {
-                    contentType: version.contentType
-                }
-            });
-            if ('data' in response) {
-                navigate(getNextNavigation(), {
-                    relative: 'path'
-                });
-                toggleNotification({
-                    type: 'success',
-                    title: formatMessage({
-                        id: 'content-manager.restore.success.title',
-                        defaultMessage: 'Version restored.'
-                    }),
-                    message: formatMessage({
-                        id: 'content-manager.restore.success.message',
-                        defaultMessage: 'A past version of the content was restored.'
-                    })
-                });
-                trackUsage('didRestoreHistoryVersion');
-            }
-            if ('error' in response) {
-                toggleNotification({
-                    type: 'danger',
-                    message: formatMessage({
-                        id: 'content-manager.history.restore.error.message',
-                        defaultMessage: 'Could not restore version.'
-                    })
-                });
-            }
-        } catch (error) {
-            toggleNotification({
-                type: 'danger',
-                message: formatMessage({
-                    id: 'notification.error',
-                    defaultMessage: 'An error occurred'
-                })
-            });
-        }
-    };
-    return /*#__PURE__*/ jsxs(Dialog.Root, {
-        open: isConfirmDialogOpen,
-        onOpenChange: setIsConfirmDialogOpen,
-        children: [
-            /*#__PURE__*/ jsx(Layouts.BaseHeader, {
-                id: headerId,
-                title: formatDate(new Date(version.createdAt), {
-                    year: 'numeric',
-                    month: 'numeric',
-                    day: 'numeric',
-                    hour: 'numeric',
-                    minute: 'numeric'
-                }),
-                subtitle: /*#__PURE__*/ jsx(Typography, {
-                    variant: "epsilon",
-                    textColor: "neutral600",
-                    children: formatMessage({
-                        id: 'content-manager.history.version.subtitle',
-                        defaultMessage: '{hasLocale, select, true {{subtitle}, in {locale}} other {{subtitle}}}'
-                    }, {
-                        hasLocale: Boolean(version.locale),
-                        subtitle: `${mainFieldValue || ''} (${schema.info.singularName})`.trim(),
-                        locale: version.locale?.name
-                    })
-                }),
-                navigationAction: /*#__PURE__*/ jsx(Link, {
-                    startIcon: /*#__PURE__*/ jsx(ArrowLeft, {}),
-                    tag: NavLink,
-                    to: getNextNavigation(),
-                    relative: "path",
-                    isExternal: false,
-                    children: formatMessage({
-                        id: 'global.back',
-                        defaultMessage: 'Back'
-                    })
-                }),
-                sticky: false,
-                primaryAction: /*#__PURE__*/ jsx(Dialog.Trigger, {
-                    children: /*#__PURE__*/ jsx(Button, {
-                        disabled: !allowedActions.canUpdate || isCurrentVersion,
-                        onClick: ()=>{
-                            setIsConfirmDialogOpen(true);
-                        },
-                        children: formatMessage({
-                            id: 'content-manager.history.restore.confirm.button',
-                            defaultMessage: 'Restore'
-                        })
-                    })
-                })
-            }),
-            /*#__PURE__*/ jsx(ConfirmDialog, {
-                onConfirm: handleRestore,
-                endAction: /*#__PURE__*/ jsx(Button, {
-                    variant: "secondary",
-                    onClick: handleRestore,
-                    loading: isLoading,
-                    children: formatMessage({
-                        id: 'content-manager.history.restore.confirm.button',
-                        defaultMessage: 'Restore'
-                    })
-                }),
-                children: /*#__PURE__*/ jsxs(Flex, {
-                    direction: "column",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    gap: 2,
-                    textAlign: "center",
-                    children: [
-                        /*#__PURE__*/ jsx(Flex, {
-                            justifyContent: "center",
-                            children: /*#__PURE__*/ jsx(WarningCircle, {
-                                width: "24px",
-                                height: "24px",
-                                fill: "danger600"
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(Typography, {
-                            children: formatMessage({
-                                id: 'content-manager.history.restore.confirm.title',
-                                defaultMessage: 'Are you sure you want to restore this version?'
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(Typography, {
-                            children: formatMessage({
-                                id: 'content-manager.history.restore.confirm.message',
-                                defaultMessage: "{isDraft, select, true {The restored content will override your draft.} other {The restored content won't be published, it will override the draft and be saved as pending changes. You'll be able to publish the changes at anytime.}}"
-                            }, {
-                                isDraft: version.status === 'draft'
-                            })
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-};
-
-/* -------------------------------------------------------------------------------------------------
- * BlueText
- * -----------------------------------------------------------------------------------------------*/ const BlueText = (children)=>/*#__PURE__*/ jsx(Typography, {
-        textColor: "primary600",
-        variant: "pi",
-        children: children
-    });
-const VersionCard = ({ version, isCurrent })=>{
-    const { formatDate, formatMessage } = useIntl();
-    const [{ query }] = useQueryParams();
-    const isActive = query.id === version.id.toString();
-    const author = version.createdBy && getDisplayName(version.createdBy);
-    return /*#__PURE__*/ jsxs(Flex, {
-        direction: "column",
-        alignItems: "flex-start",
-        gap: 3,
-        hasRadius: true,
-        borderWidth: "1px",
-        borderStyle: "solid",
-        borderColor: isActive ? 'primary600' : 'neutral200',
-        color: "neutral800",
-        padding: 5,
-        tag: Link$1,
-        to: `?${stringify({
-            ...query,
-            id: version.id
-        })}`,
-        style: {
-            textDecoration: 'none'
-        },
-        children: [
-            /*#__PURE__*/ jsxs(Flex, {
-                direction: "column",
-                gap: 1,
-                alignItems: "flex-start",
-                children: [
-                    /*#__PURE__*/ jsx(Typography, {
-                        tag: "h3",
-                        fontWeight: "semiBold",
-                        children: formatDate(version.createdAt, {
-                            day: 'numeric',
-                            month: 'numeric',
-                            year: 'numeric',
-                            hour: '2-digit',
-                            minute: '2-digit'
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(Typography, {
-                        tag: "p",
-                        variant: "pi",
-                        textColor: "neutral600",
-                        children: formatMessage({
-                            id: 'content-manager.history.sidebar.versionDescription',
-                            defaultMessage: '{distanceToNow}{isAnonymous, select, true {} other { by {author}}}{isCurrent, select, true { <b>(current)</b>} other {}}'
-                        }, {
-                            distanceToNow: /*#__PURE__*/ jsx(RelativeTime, {
-                                timestamp: new Date(version.createdAt)
-                            }),
-                            author,
-                            isAnonymous: !Boolean(version.createdBy),
-                            isCurrent,
-                            b: BlueText
-                        })
-                    })
-                ]
-            }),
-            version.status && /*#__PURE__*/ jsx(DocumentStatus, {
-                status: version.status,
-                size: "XS"
-            })
-        ]
-    });
-};
-const PaginationButton = ({ page, children })=>{
-    const [{ query }] = useQueryParams();
-    // Remove the id from the pagination link, so that the history page can redirect
-    // to the id of the first history version in the new page once it's loaded
-    const { id: _id, ...queryRest } = query;
-    return /*#__PURE__*/ jsx(Link$1, {
-        to: {
-            search: stringify({
-                ...queryRest,
-                page
-            })
-        },
-        style: {
-            textDecoration: 'none'
-        },
-        children: /*#__PURE__*/ jsx(Typography, {
-            variant: "omega",
-            textColor: "primary600",
-            children: children
-        })
-    });
-};
-/* -------------------------------------------------------------------------------------------------
- * VersionsList
- * -----------------------------------------------------------------------------------------------*/ const VersionsList = ()=>{
-    const { formatMessage } = useIntl();
-    const { versions, page } = useHistoryContext('VersionsList', (state)=>({
-            versions: state.versions,
-            page: state.page
-        }));
-    return /*#__PURE__*/ jsxs(Flex, {
-        shrink: 0,
-        direction: "column",
-        alignItems: "stretch",
-        width: "320px",
-        height: "100vh",
-        background: "neutral0",
-        borderColor: "neutral200",
-        borderWidth: "0 0 0 1px",
-        borderStyle: "solid",
-        tag: "aside",
-        children: [
-            /*#__PURE__*/ jsxs(Flex, {
-                direction: "row",
-                justifyContent: "space-between",
-                padding: 4,
-                borderColor: "neutral200",
-                borderWidth: "0 0 1px",
-                borderStyle: "solid",
-                tag: "header",
-                children: [
-                    /*#__PURE__*/ jsx(Typography, {
-                        tag: "h2",
-                        variant: "omega",
-                        fontWeight: "semiBold",
-                        children: formatMessage({
-                            id: 'content-manager.history.sidebar.title',
-                            defaultMessage: 'Versions'
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(Box, {
-                        background: "neutral150",
-                        hasRadius: true,
-                        padding: 1,
-                        children: /*#__PURE__*/ jsx(Typography, {
-                            variant: "sigma",
-                            textColor: "neutral600",
-                            children: versions.meta.pagination.total
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxs(Box, {
-                flex: 1,
-                overflow: "auto",
-                children: [
-                    versions.meta.pagination.page > 1 && /*#__PURE__*/ jsx(Box, {
-                        paddingTop: 4,
-                        textAlign: "center",
-                        children: /*#__PURE__*/ jsx(PaginationButton, {
-                            page: page - 1,
-                            children: formatMessage({
-                                id: 'content-manager.history.sidebar.show-newer',
-                                defaultMessage: 'Show newer versions'
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(Flex, {
-                        direction: "column",
-                        gap: 3,
-                        padding: 4,
-                        tag: "ul",
-                        alignItems: "stretch",
-                        children: versions.data.map((version, index)=>/*#__PURE__*/ jsx("li", {
-                                "aria-label": formatMessage({
-                                    id: 'content-manager.history.sidebar.title.version-card.aria-label',
-                                    defaultMessage: 'Version card'
-                                }),
-                                children: /*#__PURE__*/ jsx(VersionCard, {
-                                    version: version,
-                                    isCurrent: page === 1 && index === 0
-                                })
-                            }, version.id))
-                    }),
-                    versions.meta.pagination.page < versions.meta.pagination.pageCount && /*#__PURE__*/ jsx(Box, {
-                        paddingBottom: 4,
-                        textAlign: "center",
-                        children: /*#__PURE__*/ jsx(PaginationButton, {
-                            page: page + 1,
-                            children: formatMessage({
-                                id: 'content-manager.history.sidebar.show-older',
-                                defaultMessage: 'Show older versions'
-                            })
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-const [HistoryProvider, useHistoryContext] = createContext('HistoryPage');
-/* -------------------------------------------------------------------------------------------------
- * HistoryPage
- * -----------------------------------------------------------------------------------------------*/ const HistoryPage = ()=>{
-    const headerId = React.useId();
-    const { formatMessage } = useIntl();
-    const { slug, id: documentId, collectionType } = useParams();
-    const { isLoading: isLoadingDocument, schema } = useDocument({
-        collectionType: collectionType,
-        model: slug
-    });
-    const { isLoading: isLoadingLayout, edit: { layout, settings: { displayName, mainField } } } = useDocumentLayout(slug);
-    const { data: configuration, isLoading: isLoadingConfiguration } = useGetContentTypeConfigurationQuery(slug);
-    // Parse state from query params
-    const [{ query }] = useQueryParams();
-    const { id: selectedVersionId, ...queryWithoutId } = query;
-    const validQueryParamsWithoutId = buildValidParams(queryWithoutId);
-    const page = validQueryParamsWithoutId.page ? Number(validQueryParamsWithoutId.page) : 1;
-    const versionsResponse = useGetHistoryVersionsQuery({
-        contentType: slug,
-        ...documentId ? {
-            documentId
-        } : {},
-        // Omit id since it's not needed by the endpoint and caused extra refetches
-        ...validQueryParamsWithoutId
-    }, {
-        refetchOnMountOrArgChange: true
-    });
-    /**
-   * When the page is first mounted, if there's already data in the cache, RTK has a fullfilled
-   * status for the first render, right before it triggers a new request. This means the code
-   * briefly reaches the part that redirects to the first history version (if none is set).
-   * But since that data is stale, that means auto-selecting a version that may not be the most
-   * recent. To avoid this, we identify through requestId if the query is stale despite the
-   * fullfilled status, and show the loader in that case.
-   * This means we essentially don't want cache. We always refetch when the page mounts, and
-   * we always show the loader until we have the most recent data. That's fine for this page.
-   */ const initialRequestId = React.useRef(versionsResponse.requestId);
-    const isStaleRequest = versionsResponse.requestId === initialRequestId.current;
-    /**
-   * Ensure that we have the necessary data to render the page:
-   * - slug for single types
-   * - slug _and_ documentId for collection types
-   */ if (!slug || collectionType === COLLECTION_TYPES && !documentId) {
-        return /*#__PURE__*/ jsx(Navigate, {
-            to: "/content-manager"
-        });
-    }
-    if (isLoadingDocument || isLoadingLayout || versionsResponse.isFetching || isStaleRequest || isLoadingConfiguration) {
-        return /*#__PURE__*/ jsx(Page.Loading, {});
-    }
-    // It was a success, handle empty data
-    if (!versionsResponse.isError && !versionsResponse.data?.data?.length) {
-        return /*#__PURE__*/ jsx(Fragment, {
-            children: /*#__PURE__*/ jsx(Page.NoData, {
-                action: /*#__PURE__*/ jsx(Link, {
-                    tag: NavLink,
-                    to: `/content-manager/${collectionType}/${slug}${documentId ? `/${documentId}` : ''}`,
-                    children: formatMessage({
-                        id: 'global.back',
-                        defaultMessage: 'Back'
-                    })
-                })
-            })
-        });
-    }
-    // We have data, handle selected version
-    if (versionsResponse.data?.data?.length && !selectedVersionId) {
-        return /*#__PURE__*/ jsx(Navigate, {
-            to: {
-                search: stringify({
-                    ...query,
-                    id: versionsResponse.data.data[0].id
-                })
-            },
-            replace: true
-        });
-    }
-    const selectedVersion = versionsResponse.data?.data?.find((version)=>version.id.toString() === selectedVersionId);
-    if (versionsResponse.isError || !layout || !schema || !selectedVersion || !configuration || // This should not happen as it's covered by versionsResponse.isError, but we need it for TS
-    versionsResponse.data.error) {
-        return /*#__PURE__*/ jsx(Page.Error, {});
-    }
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx(Page.Title, {
-                children: formatMessage({
-                    id: 'content-manager.history.page-title',
-                    defaultMessage: '{contentType} history'
-                }, {
-                    contentType: displayName
-                })
-            }),
-            /*#__PURE__*/ jsx(HistoryProvider, {
-                contentType: slug,
-                id: documentId,
-                schema: schema,
-                layout: layout,
-                configuration: configuration,
-                selectedVersion: selectedVersion,
-                versions: versionsResponse.data,
-                page: page,
-                mainField: mainField,
-                children: /*#__PURE__*/ jsxs(Flex, {
-                    direction: "row",
-                    alignItems: "flex-start",
-                    children: [
-                        /*#__PURE__*/ jsxs(Main, {
-                            grow: 1,
-                            height: "100vh",
-                            background: "neutral100",
-                            paddingBottom: 6,
-                            overflow: "auto",
-                            labelledBy: headerId,
-                            children: [
-                                /*#__PURE__*/ jsx(VersionHeader, {
-                                    headerId: headerId
-                                }),
-                                /*#__PURE__*/ jsx(VersionContent, {})
-                            ]
-                        }),
-                        /*#__PURE__*/ jsx(VersionsList, {})
-                    ]
-                })
-            })
-        ]
-    });
-};
-/* -------------------------------------------------------------------------------------------------
- * ProtectedHistoryPage
- * -----------------------------------------------------------------------------------------------*/ const ProtectedHistoryPageImpl = ()=>{
-    const { slug } = useParams();
-    const { permissions = [], isLoading, error } = useRBAC(PERMISSIONS.map((action)=>({
-            action,
-            subject: slug
-        })));
-    if (isLoading) {
-        return /*#__PURE__*/ jsx(Page.Loading, {});
-    }
-    if (error || !slug) {
-        return /*#__PURE__*/ jsx(Box, {
-            height: "100vh",
-            width: "100vw",
-            position: "fixed",
-            top: 0,
-            left: 0,
-            zIndex: 2,
-            background: "neutral0",
-            children: /*#__PURE__*/ jsx(Page.Error, {})
-        });
-    }
-    return /*#__PURE__*/ jsx(Box, {
-        height: "100vh",
-        width: "100vw",
-        position: "fixed",
-        top: 0,
-        left: 0,
-        zIndex: 2,
-        background: "neutral0",
-        children: /*#__PURE__*/ jsx(Page.Protect, {
-            permissions: permissions,
-            children: ({ permissions })=>/*#__PURE__*/ jsx(DocumentRBAC, {
-                    permissions: permissions,
-                    children: /*#__PURE__*/ jsx(HistoryPage, {})
-                })
-        })
-    });
-};
-const ProtectedHistoryPage = ()=>{
-    return /*#__PURE__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsx(FocusTrap, {
-            children: /*#__PURE__*/ jsx(ProtectedHistoryPageImpl, {})
-        })
-    });
-};
-
-export { HistoryProvider, ProtectedHistoryPage, useHistoryContext };
-//# sourceMappingURL=History-DLZhDdV2.js.map