@strapi/content-releases 5.12.1 → 5.12.2

package/dist/admin/chunks/App-BkWgp5q_.mjs

@@ -1,1845 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useNotification, useAPIErrorHandler, useQueryParams, useTracking, useRBAC, Page, Layouts, Pagination, isFetchError, ConfirmDialog, BackButton, useStrapiApp, Table } from '@strapi/admin/strapi-admin';
-import { Link, useLocation, useNavigate, NavLink, useParams, Navigate, Routes, Route } from 'react-router-dom';
-import { g as getTimezones, p as pluginId, u as useGetReleasesQuery, a as useGetReleaseSettingsQuery, b as useCreateReleaseMutation, P as PERMISSIONS, c as useGetReleaseQuery, d as useUpdateReleaseMutation, e as useDeleteReleaseMutation, f as usePublishReleaseMutation, h as getTimezoneOffset, i as useGetReleaseActionsQuery, j as useUpdateReleaseActionMutation, R as ReleaseActionOptions, k as ReleaseActionMenu, r as releaseApi } from './index-DBUaMD56.mjs';
-import * as React from 'react';
-import { Flex, Popover, Button, Typography, LinkButton, Modal, Field, TextInput, Box, Checkbox, DatePicker, TimePicker, Combobox, ComboboxOption, Link as Link$1, Alert, Main, Tabs, Divider, EmptyStateLayout, Grid, Badge, MenuItem, SimpleMenu, Dialog, SingleSelect, SingleSelectOption, Tr, Td } from '@strapi/design-system';
-import { CrossCircle, CaretDown, CheckCircle, ArrowsCounterClockwise, Plus, Pencil, Trash, More } from '@strapi/icons';
-import { EmptyDocuments } from '@strapi/icons/symbols';
-import format$1 from 'date-fns/format';
-import { utcToZonedTime, zonedTimeToUtc } from 'date-fns-tz';
-import { useIntl } from 'react-intl';
-import { styled } from 'styled-components';
-import { unstable_useDocument } from '@strapi/content-manager/strapi-admin';
-import { stringify } from 'qs';
-import { intervalToDuration, isPast, formatISO, format } from 'date-fns';
-import { Formik, Form, useFormikContext } from 'formik';
-import { R as RELEASE_SCHEMA } from './schemas-DMt8h1z-.mjs';
-import { useDispatch } from 'react-redux';
-import { useLicenseLimits } from '@strapi/admin/strapi-admin/ee';
-import 'yup';
-
-const StyledPopoverFlex = styled(Flex)`
-  width: 100%;
-  max-width: 256px;
-
-  & > * {
-    border-bottom: 1px solid ${({ theme })=>theme.colors.neutral150};
-  }
-
-  & > *:last-child {
-    border-bottom: none;
-  }
-`;
-const EntryStatusTrigger = ({ action, status, hasErrors, requiredStage, entryStage })=>{
-    const { formatMessage } = useIntl();
-    if (action === 'publish') {
-        if (hasErrors || requiredStage && requiredStage.id !== entryStage?.id) {
-            return /*#__PURE__*/ jsx(Popover.Trigger, {
-                children: /*#__PURE__*/ jsx(Button, {
-                    variant: "ghost",
-                    startIcon: /*#__PURE__*/ jsx(CrossCircle, {
-                        fill: "danger600"
-                    }),
-                    endIcon: /*#__PURE__*/ jsx(CaretDown, {}),
-                    children: /*#__PURE__*/ jsx(Typography, {
-                        textColor: "danger600",
-                        variant: "omega",
-                        fontWeight: "bold",
-                        children: formatMessage({
-                            id: 'content-releases.pages.ReleaseDetails.entry-validation.not-ready',
-                            defaultMessage: 'Not ready to publish'
-                        })
-                    })
-                })
-            });
-        }
-        if (status === 'draft') {
-            return /*#__PURE__*/ jsx(Popover.Trigger, {
-                children: /*#__PURE__*/ jsx(Button, {
-                    variant: "ghost",
-                    startIcon: /*#__PURE__*/ jsx(CheckCircle, {
-                        fill: "success600"
-                    }),
-                    endIcon: /*#__PURE__*/ jsx(CaretDown, {}),
-                    children: /*#__PURE__*/ jsx(Typography, {
-                        textColor: "success600",
-                        variant: "omega",
-                        fontWeight: "bold",
-                        children: formatMessage({
-                            id: 'content-releases.pages.ReleaseDetails.entry-validation.ready-to-publish',
-                            defaultMessage: 'Ready to publish'
-                        })
-                    })
-                })
-            });
-        }
-        if (status === 'modified') {
-            return /*#__PURE__*/ jsx(Popover.Trigger, {
-                children: /*#__PURE__*/ jsx(Button, {
-                    variant: "ghost",
-                    startIcon: /*#__PURE__*/ jsx(ArrowsCounterClockwise, {
-                        fill: "alternative600"
-                    }),
-                    endIcon: /*#__PURE__*/ jsx(CaretDown, {}),
-                    children: /*#__PURE__*/ jsx(Typography, {
-                        variant: "omega",
-                        fontWeight: "bold",
-                        textColor: "alternative600",
-                        children: formatMessage({
-                            id: 'content-releases.pages.ReleaseDetails.entry-validation.modified',
-                            defaultMessage: 'Ready to publish changes'
-                        })
-                    })
-                })
-            });
-        }
-        return /*#__PURE__*/ jsx(Popover.Trigger, {
-            children: /*#__PURE__*/ jsx(Button, {
-                variant: "ghost",
-                startIcon: /*#__PURE__*/ jsx(CheckCircle, {
-                    fill: "success600"
-                }),
-                endIcon: /*#__PURE__*/ jsx(CaretDown, {}),
-                children: /*#__PURE__*/ jsx(Typography, {
-                    textColor: "success600",
-                    variant: "omega",
-                    fontWeight: "bold",
-                    children: formatMessage({
-                        id: 'content-releases.pages.ReleaseDetails.entry-validation.already-published',
-                        defaultMessage: 'Already published'
-                    })
-                })
-            })
-        });
-    }
-    if (status === 'published') {
-        return /*#__PURE__*/ jsx(Popover.Trigger, {
-            children: /*#__PURE__*/ jsx(Button, {
-                variant: "ghost",
-                startIcon: /*#__PURE__*/ jsx(CheckCircle, {
-                    fill: "success600"
-                }),
-                endIcon: /*#__PURE__*/ jsx(CaretDown, {}),
-                children: /*#__PURE__*/ jsx(Typography, {
-                    textColor: "success600",
-                    variant: "omega",
-                    fontWeight: "bold",
-                    children: formatMessage({
-                        id: 'content-releases.pages.ReleaseDetails.entry-validation.ready-to-unpublish',
-                        defaultMessage: 'Ready to unpublish'
-                    })
-                })
-            })
-        });
-    }
-    return /*#__PURE__*/ jsx(Popover.Trigger, {
-        children: /*#__PURE__*/ jsx(Button, {
-            variant: "ghost",
-            startIcon: /*#__PURE__*/ jsx(CheckCircle, {
-                fill: "success600"
-            }),
-            endIcon: /*#__PURE__*/ jsx(CaretDown, {}),
-            children: /*#__PURE__*/ jsx(Typography, {
-                textColor: "success600",
-                variant: "omega",
-                fontWeight: "bold",
-                children: formatMessage({
-                    id: 'content-releases.pages.ReleaseDetails.entry-validation.already-unpublished',
-                    defaultMessage: 'Already unpublished'
-                })
-            })
-        })
-    });
-};
-const FieldsValidation = ({ hasErrors, errors, kind, contentTypeUid, documentId, locale })=>{
-    const { formatMessage } = useIntl();
-    return /*#__PURE__*/ jsxs(Flex, {
-        direction: "column",
-        gap: 1,
-        width: "100%",
-        padding: 5,
-        children: [
-            /*#__PURE__*/ jsxs(Flex, {
-                gap: 2,
-                width: "100%",
-                children: [
-                    /*#__PURE__*/ jsx(Typography, {
-                        fontWeight: "bold",
-                        children: formatMessage({
-                            id: 'content-releases.pages.ReleaseDetails.entry-validation.fields',
-                            defaultMessage: 'Fields'
-                        })
-                    }),
-                    hasErrors ? /*#__PURE__*/ jsx(CrossCircle, {
-                        fill: "danger600"
-                    }) : /*#__PURE__*/ jsx(CheckCircle, {
-                        fill: "success600"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(Typography, {
-                width: "100%",
-                textColor: "neutral600",
-                children: hasErrors ? formatMessage({
-                    id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.error',
-                    defaultMessage: '{errors} errors on fields.'
-                }, {
-                    errors: errors ? Object.keys(errors).length : 0
-                }) : formatMessage({
-                    id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.success',
-                    defaultMessage: 'All fields are filled correctly.'
-                })
-            }),
-            hasErrors && /*#__PURE__*/ jsx(LinkButton, {
-                tag: Link,
-                to: {
-                    pathname: `/content-manager/${kind === 'collectionType' ? 'collection-types' : 'single-types'}/${contentTypeUid}/${documentId}`,
-                    search: locale ? stringify({
-                        plugins: {
-                            i18n: {
-                                locale
-                            }
-                        }
-                    }) : ''
-                },
-                variant: "secondary",
-                fullWidth: true,
-                state: {
-                    forceValidation: true
-                },
-                children: formatMessage({
-                    id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.see-errors',
-                    defaultMessage: 'See errors'
-                })
-            })
-        ]
-    });
-};
-const getReviewStageIcon = ({ contentTypeHasReviewWorkflow, requiredStage, entryStage })=>{
-    if (!contentTypeHasReviewWorkflow) {
-        return /*#__PURE__*/ jsx(CheckCircle, {
-            fill: "neutral200"
-        });
-    }
-    if (requiredStage && requiredStage.id !== entryStage?.id) {
-        return /*#__PURE__*/ jsx(CrossCircle, {
-            fill: "danger600"
-        });
-    }
-    return /*#__PURE__*/ jsx(CheckCircle, {
-        fill: "success600"
-    });
-};
-const getReviewStageMessage = ({ contentTypeHasReviewWorkflow, requiredStage, entryStage, formatMessage })=>{
-    if (!contentTypeHasReviewWorkflow) {
-        return formatMessage({
-            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-enabled',
-            defaultMessage: 'This entry is not associated to any workflow.'
-        });
-    }
-    if (requiredStage && requiredStage.id !== entryStage?.id) {
-        return formatMessage({
-            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-ready',
-            defaultMessage: 'This entry is not at the required stage for publishing. ({stageName})'
-        }, {
-            stageName: requiredStage?.name ?? ''
-        });
-    }
-    if (requiredStage && requiredStage.id === entryStage?.id) {
-        return formatMessage({
-            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.ready',
-            defaultMessage: 'This entry is at the required stage for publishing. ({stageName})'
-        }, {
-            stageName: requiredStage?.name ?? ''
-        });
-    }
-    return formatMessage({
-        id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.stage-not-required',
-        defaultMessage: 'No required stage for publication'
-    });
-};
-const ReviewStageValidation = ({ contentTypeHasReviewWorkflow, requiredStage, entryStage })=>{
-    const { formatMessage } = useIntl();
-    const Icon = getReviewStageIcon({
-        contentTypeHasReviewWorkflow,
-        requiredStage,
-        entryStage
-    });
-    return /*#__PURE__*/ jsxs(Flex, {
-        direction: "column",
-        gap: 1,
-        width: "100%",
-        padding: 5,
-        children: [
-            /*#__PURE__*/ jsxs(Flex, {
-                gap: 2,
-                width: "100%",
-                children: [
-                    /*#__PURE__*/ jsx(Typography, {
-                        fontWeight: "bold",
-                        children: formatMessage({
-                            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage',
-                            defaultMessage: 'Review stage'
-                        })
-                    }),
-                    Icon
-                ]
-            }),
-            /*#__PURE__*/ jsx(Typography, {
-                textColor: "neutral600",
-                children: getReviewStageMessage({
-                    contentTypeHasReviewWorkflow,
-                    requiredStage,
-                    entryStage,
-                    formatMessage
-                })
-            })
-        ]
-    });
-};
-const EntryValidationPopover = ({ schema, entry, status, action })=>{
-    const { validate, isLoading } = unstable_useDocument({
-        collectionType: schema?.kind ?? '',
-        model: schema?.uid ?? ''
-    }, {
-        // useDocument makes a request to get more data about the entry, but we only want to have the validation function so we skip the request
-        skip: true
-    });
-    // Validation errors
-    const errors = isLoading ? null : validate(entry);
-    const hasErrors = errors ? Object.keys(errors).length > 0 : false;
-    // Entry stage
-    const contentTypeHasReviewWorkflow = schema?.hasReviewWorkflow ?? false;
-    const requiredStage = schema?.stageRequiredToPublish;
-    const entryStage = entry.strapi_stage;
-    if (isLoading) {
-        return null;
-    }
-    return /*#__PURE__*/ jsxs(Popover.Root, {
-        children: [
-            /*#__PURE__*/ jsx(EntryStatusTrigger, {
-                action: action,
-                status: status,
-                hasErrors: hasErrors,
-                requiredStage: requiredStage,
-                entryStage: entryStage
-            }),
-            /*#__PURE__*/ jsx(Popover.Content, {
-                children: /*#__PURE__*/ jsxs(StyledPopoverFlex, {
-                    direction: "column",
-                    children: [
-                        /*#__PURE__*/ jsx(FieldsValidation, {
-                            hasErrors: hasErrors,
-                            errors: errors,
-                            contentTypeUid: schema?.uid,
-                            kind: schema?.kind,
-                            documentId: entry.documentId,
-                            locale: entry.locale
-                        }),
-                        /*#__PURE__*/ jsx(ReviewStageValidation, {
-                            contentTypeHasReviewWorkflow: contentTypeHasReviewWorkflow,
-                            requiredStage: requiredStage,
-                            entryStage: entryStage
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-};
-
-const intervals = [
-    'years',
-    'months',
-    'days',
-    'hours',
-    'minutes',
-    'seconds'
-];
-/**
- * Displays the relative time between a given timestamp and the current time.
- * You can display a custom message for given time intervals by passing an array of custom intervals.
- *
- * @example
- * ```jsx
- * <caption>Display "last hour" if the timestamp is less than an hour ago</caption>
- * <RelativeTime
- *  timestamp={new Date('2021-01-01')}
- *  customIntervals={[
- *   { unit: 'hours', threshold: 1, text: 'last hour' },
- *  ]}
- * ```
- */ const RelativeTime$1 = /*#__PURE__*/ React.forwardRef(({ timestamp, customIntervals = [], ...restProps }, forwardedRef)=>{
-    const { formatRelativeTime, formatDate, formatTime } = useIntl();
-    /**
-     * TODO: make this auto-update, like a clock.
-     */ const interval = intervalToDuration({
-        start: timestamp,
-        end: Date.now()
-    });
-    const unit = intervals.find((intervalUnit)=>{
-        return interval[intervalUnit] > 0 && Object.keys(interval).includes(intervalUnit);
-    });
-    const relativeTime = isPast(timestamp) ? -interval[unit] : interval[unit];
-    // Display custom text if interval is less than the threshold
-    const customInterval = customIntervals.find((custom)=>interval[custom.unit] < custom.threshold);
-    const displayText = customInterval ? customInterval.text : formatRelativeTime(relativeTime, unit, {
-        numeric: 'auto'
-    });
-    return /*#__PURE__*/ jsx("time", {
-        ref: forwardedRef,
-        dateTime: timestamp.toISOString(),
-        role: "time",
-        title: `${formatDate(timestamp)} ${formatTime(timestamp)}`,
-        ...restProps,
-        children: displayText
-    });
-});
-
-const ReleaseModal = ({ handleClose, open, handleSubmit, initialValues, isLoading = false })=>{
-    const { formatMessage } = useIntl();
-    const { pathname } = useLocation();
-    const isCreatingRelease = pathname === `/plugins/${pluginId}`;
-    // Set default first timezone from the list if no system timezone detected
-    const { timezoneList, systemTimezone = {
-        value: 'UTC+00:00-Africa/Abidjan '
-    } } = getTimezones(initialValues.scheduledAt ? new Date(initialValues.scheduledAt) : new Date());
-    /**
-   * Generate scheduled time using selected date, time and timezone
-   */ const getScheduledTimestamp = (values)=>{
-        const { date, time, timezone } = values;
-        if (!date || !time || !timezone) return null;
-        const timezoneWithoutOffset = timezone.split('&')[1];
-        return zonedTimeToUtc(`${date} ${time}`, timezoneWithoutOffset);
-    };
-    /**
-   * Get timezone with offset to show the selected value in the dropdown
-   */ const getTimezoneWithOffset = ()=>{
-        const currentTimezone = timezoneList.find((timezone)=>timezone.value.split('&')[1] === initialValues.timezone);
-        return currentTimezone?.value || systemTimezone.value;
-    };
-    return /*#__PURE__*/ jsx(Modal.Root, {
-        open: open,
-        onOpenChange: handleClose,
-        children: /*#__PURE__*/ jsxs(Modal.Content, {
-            children: [
-                /*#__PURE__*/ jsx(Modal.Header, {
-                    children: /*#__PURE__*/ jsx(Modal.Title, {
-                        children: formatMessage({
-                            id: 'content-releases.modal.title',
-                            defaultMessage: '{isCreatingRelease, select, true {New release} other {Edit release}}'
-                        }, {
-                            isCreatingRelease: isCreatingRelease
-                        })
-                    })
-                }),
-                /*#__PURE__*/ jsx(Formik, {
-                    onSubmit: (values)=>{
-                        handleSubmit({
-                            ...values,
-                            timezone: values.timezone ? values.timezone.split('&')[1] : null,
-                            scheduledAt: values.isScheduled ? getScheduledTimestamp(values) : null
-                        });
-                    },
-                    initialValues: {
-                        ...initialValues,
-                        timezone: initialValues.timezone ? getTimezoneWithOffset() : systemTimezone.value
-                    },
-                    validationSchema: RELEASE_SCHEMA,
-                    validateOnChange: false,
-                    children: ({ values, errors, handleChange, setFieldValue })=>{
-                        return /*#__PURE__*/ jsxs(Form, {
-                            children: [
-                                /*#__PURE__*/ jsx(Modal.Body, {
-                                    children: /*#__PURE__*/ jsxs(Flex, {
-                                        direction: "column",
-                                        alignItems: "stretch",
-                                        gap: 6,
-                                        children: [
-                                            /*#__PURE__*/ jsxs(Field.Root, {
-                                                name: "name",
-                                                error: errors.name && formatMessage({
-                                                    id: errors.name,
-                                                    defaultMessage: errors.name
-                                                }),
-                                                required: true,
-                                                children: [
-                                                    /*#__PURE__*/ jsx(Field.Label, {
-                                                        children: formatMessage({
-                                                            id: 'content-releases.modal.form.input.label.release-name',
-                                                            defaultMessage: 'Name'
-                                                        })
-                                                    }),
-                                                    /*#__PURE__*/ jsx(TextInput, {
-                                                        value: values.name,
-                                                        onChange: handleChange
-                                                    }),
-                                                    /*#__PURE__*/ jsx(Field.Error, {})
-                                                ]
-                                            }),
-                                            /*#__PURE__*/ jsx(Box, {
-                                                width: "max-content",
-                                                children: /*#__PURE__*/ jsx(Checkbox, {
-                                                    name: "isScheduled",
-                                                    checked: values.isScheduled,
-                                                    onCheckedChange: (checked)=>{
-                                                        setFieldValue('isScheduled', checked);
-                                                        if (!checked) {
-                                                            // Clear scheduling info from a release on unchecking schedule release, which reset scheduling info in DB
-                                                            setFieldValue('date', null);
-                                                            setFieldValue('time', '');
-                                                            setFieldValue('timezone', null);
-                                                        } else {
-                                                            // On ticking back schedule release date, time and timezone should be restored to the initial state
-                                                            setFieldValue('date', initialValues.date);
-                                                            setFieldValue('time', initialValues.time);
-                                                            setFieldValue('timezone', initialValues.timezone ?? systemTimezone?.value);
-                                                        }
-                                                    },
-                                                    children: /*#__PURE__*/ jsx(Typography, {
-                                                        textColor: values.isScheduled ? 'primary600' : 'neutral800',
-                                                        fontWeight: values.isScheduled ? 'semiBold' : 'regular',
-                                                        children: formatMessage({
-                                                            id: 'modal.form.input.label.schedule-release',
-                                                            defaultMessage: 'Schedule release'
-                                                        })
-                                                    })
-                                                })
-                                            }),
-                                            values.isScheduled && /*#__PURE__*/ jsxs(Fragment, {
-                                                children: [
-                                                    /*#__PURE__*/ jsxs(Flex, {
-                                                        gap: 4,
-                                                        alignItems: "start",
-                                                        children: [
-                                                            /*#__PURE__*/ jsx(Box, {
-                                                                width: "100%",
-                                                                children: /*#__PURE__*/ jsxs(Field.Root, {
-                                                                    name: "date",
-                                                                    error: errors.date && formatMessage({
-                                                                        id: errors.date,
-                                                                        defaultMessage: errors.date
-                                                                    }),
-                                                                    required: true,
-                                                                    children: [
-                                                                        /*#__PURE__*/ jsx(Field.Label, {
-                                                                            children: formatMessage({
-                                                                                id: 'content-releases.modal.form.input.label.date',
-                                                                                defaultMessage: 'Date'
-                                                                            })
-                                                                        }),
-                                                                        /*#__PURE__*/ jsx(DatePicker, {
-                                                                            onChange: (date)=>{
-                                                                                const isoFormatDate = date ? formatISO(date, {
-                                                                                    representation: 'date'
-                                                                                }) : null;
-                                                                                setFieldValue('date', isoFormatDate);
-                                                                            },
-                                                                            clearLabel: formatMessage({
-                                                                                id: 'content-releases.modal.form.input.clearLabel',
-                                                                                defaultMessage: 'Clear'
-                                                                            }),
-                                                                            onClear: ()=>{
-                                                                                setFieldValue('date', null);
-                                                                            },
-                                                                            value: values.date ? new Date(values.date) : new Date(),
-                                                                            minDate: utcToZonedTime(new Date(), values.timezone.split('&')[1])
-                                                                        }),
-                                                                        /*#__PURE__*/ jsx(Field.Error, {})
-                                                                    ]
-                                                                })
-                                                            }),
-                                                            /*#__PURE__*/ jsx(Box, {
-                                                                width: "100%",
-                                                                children: /*#__PURE__*/ jsxs(Field.Root, {
-                                                                    name: "time",
-                                                                    error: errors.time && formatMessage({
-                                                                        id: errors.time,
-                                                                        defaultMessage: errors.time
-                                                                    }),
-                                                                    required: true,
-                                                                    children: [
-                                                                        /*#__PURE__*/ jsx(Field.Label, {
-                                                                            children: formatMessage({
-                                                                                id: 'content-releases.modal.form.input.label.time',
-                                                                                defaultMessage: 'Time'
-                                                                            })
-                                                                        }),
-                                                                        /*#__PURE__*/ jsx(TimePicker, {
-                                                                            onChange: (time)=>{
-                                                                                setFieldValue('time', time);
-                                                                            },
-                                                                            clearLabel: formatMessage({
-                                                                                id: 'content-releases.modal.form.input.clearLabel',
-                                                                                defaultMessage: 'Clear'
-                                                                            }),
-                                                                            onClear: ()=>{
-                                                                                setFieldValue('time', '');
-                                                                            },
-                                                                            value: values.time || undefined
-                                                                        }),
-                                                                        /*#__PURE__*/ jsx(Field.Error, {})
-                                                                    ]
-                                                                })
-                                                            })
-                                                        ]
-                                                    }),
-                                                    /*#__PURE__*/ jsx(TimezoneComponent, {
-                                                        timezoneOptions: timezoneList
-                                                    })
-                                                ]
-                                            })
-                                        ]
-                                    })
-                                }),
-                                /*#__PURE__*/ jsxs(Modal.Footer, {
-                                    children: [
-                                        /*#__PURE__*/ jsx(Modal.Close, {
-                                            children: /*#__PURE__*/ jsx(Button, {
-                                                variant: "tertiary",
-                                                name: "cancel",
-                                                children: formatMessage({
-                                                    id: 'cancel',
-                                                    defaultMessage: 'Cancel'
-                                                })
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsx(Button, {
-                                            name: "submit",
-                                            loading: isLoading,
-                                            type: "submit",
-                                            children: formatMessage({
-                                                id: 'content-releases.modal.form.button.submit',
-                                                defaultMessage: '{isCreatingRelease, select, true {Continue} other {Save}}'
-                                            }, {
-                                                isCreatingRelease: isCreatingRelease
-                                            })
-                                        })
-                                    ]
-                                })
-                            ]
-                        });
-                    }
-                })
-            ]
-        })
-    });
-};
-const TimezoneComponent = ({ timezoneOptions })=>{
-    const { values, errors, setFieldValue } = useFormikContext();
-    const { formatMessage } = useIntl();
-    const [timezoneList, setTimezoneList] = React.useState(timezoneOptions);
-    React.useEffect(()=>{
-        if (values.date) {
-            // Update the timezone offset which varies with DST based on the date selected
-            const { timezoneList } = getTimezones(new Date(values.date));
-            setTimezoneList(timezoneList);
-            const updatedTimezone = values.timezone && timezoneList.find((tz)=>tz.value.split('&')[1] === values.timezone.split('&')[1]);
-            if (updatedTimezone) {
-                setFieldValue('timezone', updatedTimezone.value);
-            }
-        }
-    }, [
-        setFieldValue,
-        values.date,
-        values.timezone
-    ]);
-    return /*#__PURE__*/ jsxs(Field.Root, {
-        name: "timezone",
-        error: errors.timezone && formatMessage({
-            id: errors.timezone,
-            defaultMessage: errors.timezone
-        }),
-        required: true,
-        children: [
-            /*#__PURE__*/ jsx(Field.Label, {
-                children: formatMessage({
-                    id: 'content-releases.modal.form.input.label.timezone',
-                    defaultMessage: 'Timezone'
-                })
-            }),
-            /*#__PURE__*/ jsx(Combobox, {
-                autocomplete: {
-                    type: 'list',
-                    filter: 'contains'
-                },
-                value: values.timezone || undefined,
-                textValue: values.timezone ? values.timezone.replace(/&/, ' ') : undefined,
-                onChange: (timezone)=>{
-                    setFieldValue('timezone', timezone);
-                },
-                onTextValueChange: (timezone)=>{
-                    setFieldValue('timezone', timezone);
-                },
-                onClear: ()=>{
-                    setFieldValue('timezone', '');
-                },
-                children: timezoneList.map((timezone)=>/*#__PURE__*/ jsx(ComboboxOption, {
-                        value: timezone.value,
-                        children: timezone.value.replace(/&/, ' ')
-                    }, timezone.value))
-            }),
-            /*#__PURE__*/ jsx(Field.Error, {})
-        ]
-    });
-};
-
-const useTypedDispatch = useDispatch;
-
-const isBaseQueryError = (error)=>{
-    return typeof error !== 'undefined' && error.name !== undefined;
-};
-
-const LinkCard = styled(Link$1)`
-  display: block;
-`;
-const RelativeTime = styled(RelativeTime$1)`
-  display: inline-block;
-  &::first-letter {
-    text-transform: uppercase;
-  }
-`;
-const getBadgeProps = (status)=>{
-    let color;
-    switch(status){
-        case 'ready':
-            color = 'success';
-            break;
-        case 'blocked':
-            color = 'warning';
-            break;
-        case 'failed':
-            color = 'danger';
-            break;
-        case 'done':
-            color = 'primary';
-            break;
-        case 'empty':
-        default:
-            color = 'neutral';
-    }
-    return {
-        textColor: `${color}600`,
-        backgroundColor: `${color}100`,
-        borderColor: `${color}200`
-    };
-};
-const ReleasesGrid = ({ sectionTitle, releases = [], isError = false })=>{
-    const { formatMessage } = useIntl();
-    if (isError) {
-        return /*#__PURE__*/ jsx(Page.Error, {});
-    }
-    if (releases?.length === 0) {
-        return /*#__PURE__*/ jsx(EmptyStateLayout, {
-            content: formatMessage({
-                id: 'content-releases.page.Releases.tab.emptyEntries',
-                defaultMessage: 'No releases'
-            }, {
-                target: sectionTitle
-            }),
-            icon: /*#__PURE__*/ jsx(EmptyDocuments, {
-                width: "16rem"
-            })
-        });
-    }
-    return /*#__PURE__*/ jsx(Grid.Root, {
-        gap: 4,
-        children: releases.map(({ id, name, scheduledAt, status })=>/*#__PURE__*/ jsx(Grid.Item, {
-                col: 3,
-                s: 6,
-                xs: 12,
-                direction: "column",
-                alignItems: "stretch",
-                children: /*#__PURE__*/ jsx(LinkCard, {
-                    tag: NavLink,
-                    to: `${id}`,
-                    isExternal: false,
-                    children: /*#__PURE__*/ jsxs(Flex, {
-                        direction: "column",
-                        justifyContent: "space-between",
-                        padding: 4,
-                        hasRadius: true,
-                        background: "neutral0",
-                        shadow: "tableShadow",
-                        height: "100%",
-                        width: "100%",
-                        alignItems: "start",
-                        gap: 4,
-                        children: [
-                            /*#__PURE__*/ jsxs(Flex, {
-                                direction: "column",
-                                alignItems: "start",
-                                gap: 1,
-                                children: [
-                                    /*#__PURE__*/ jsx(Typography, {
-                                        textColor: "neutral800",
-                                        tag: "h3",
-                                        variant: "delta",
-                                        fontWeight: "bold",
-                                        children: name
-                                    }),
-                                    /*#__PURE__*/ jsx(Typography, {
-                                        variant: "pi",
-                                        textColor: "neutral600",
-                                        children: scheduledAt ? /*#__PURE__*/ jsx(RelativeTime, {
-                                            timestamp: new Date(scheduledAt)
-                                        }) : formatMessage({
-                                            id: 'content-releases.pages.Releases.not-scheduled',
-                                            defaultMessage: 'Not scheduled'
-                                        })
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx(Badge, {
-                                ...getBadgeProps(status),
-                                children: status
-                            })
-                        ]
-                    })
-                })
-            }, id))
-    });
-};
-/* -------------------------------------------------------------------------------------------------
- * ReleasesPage
- * -----------------------------------------------------------------------------------------------*/ const StyledAlert = styled(Alert)`
-  button {
-    display: none;
-  }
-  p + div {
-    margin-left: auto;
-  }
-`;
-const INITIAL_FORM_VALUES = {
-    name: '',
-    date: format(new Date(), 'yyyy-MM-dd'),
-    time: '',
-    isScheduled: true,
-    scheduledAt: null,
-    timezone: null
-};
-const ReleasesPage = ()=>{
-    const location = useLocation();
-    const [releaseModalShown, setReleaseModalShown] = React.useState(false);
-    const { toggleNotification } = useNotification();
-    const { formatMessage } = useIntl();
-    const navigate = useNavigate();
-    const { formatAPIError } = useAPIErrorHandler();
-    const [{ query }, setQuery] = useQueryParams();
-    const response = useGetReleasesQuery(query);
-    const { data, isLoading: isLoadingSettings } = useGetReleaseSettingsQuery();
-    const [createRelease, { isLoading: isSubmittingForm }] = useCreateReleaseMutation();
-    const { getFeature } = useLicenseLimits();
-    const { maximumReleases = 3 } = getFeature('cms-content-releases');
-    const { trackUsage } = useTracking();
-    const { allowedActions: { canCreate } } = useRBAC(PERMISSIONS);
-    const { isLoading: isLoadingReleases, isSuccess, isError } = response;
-    const activeTab = response?.currentData?.meta?.activeTab || 'pending';
-    // Check if we have some errors and show a notification to the user to explain the error
-    React.useEffect(()=>{
-        if (location?.state?.errors) {
-            toggleNotification({
-                type: 'danger',
-                title: formatMessage({
-                    id: 'content-releases.pages.Releases.notification.error.title',
-                    defaultMessage: 'Your request could not be processed.'
-                }),
-                message: formatMessage({
-                    id: 'content-releases.pages.Releases.notification.error.message',
-                    defaultMessage: 'Please try again or open another release.'
-                })
-            });
-            navigate('', {
-                replace: true,
-                state: null
-            });
-        }
-    }, [
-        formatMessage,
-        location?.state?.errors,
-        navigate,
-        toggleNotification
-    ]);
-    const toggleAddReleaseModal = ()=>{
-        setReleaseModalShown((prev)=>!prev);
-    };
-    if (isLoadingReleases || isLoadingSettings) {
-        return /*#__PURE__*/ jsx(Page.Loading, {});
-    }
-    const totalPendingReleases = isSuccess && response.currentData?.meta?.pendingReleasesCount || 0;
-    const hasReachedMaximumPendingReleases = totalPendingReleases >= maximumReleases;
-    const handleTabChange = (tabValue)=>{
-        setQuery({
-            ...query,
-            page: 1,
-            pageSize: response?.currentData?.meta?.pagination?.pageSize || 16,
-            filters: {
-                releasedAt: {
-                    $notNull: tabValue !== 'pending'
-                }
-            }
-        });
-    };
-    const handleAddRelease = async ({ name, scheduledAt, timezone })=>{
-        const response = await createRelease({
-            name,
-            scheduledAt,
-            timezone
-        });
-        if ('data' in response) {
-            // When the response returns an object with 'data', handle success
-            toggleNotification({
-                type: 'success',
-                message: formatMessage({
-                    id: 'content-releases.modal.release-created-notification-success',
-                    defaultMessage: 'Release created.'
-                })
-            });
-            trackUsage('didCreateRelease');
-            navigate(response.data.data.id.toString());
-        } else if (isFetchError(response.error)) {
-            // When the response returns an object with 'error', handle fetch error
-            toggleNotification({
-                type: 'danger',
-                message: formatAPIError(response.error)
-            });
-        } else {
-            // Otherwise, the response returns an object with 'error', handle a generic error
-            toggleNotification({
-                type: 'danger',
-                message: formatMessage({
-                    id: 'notification.error',
-                    defaultMessage: 'An error occurred'
-                })
-            });
-        }
-    };
-    return /*#__PURE__*/ jsxs(Main, {
-        "aria-busy": isLoadingReleases || isLoadingSettings,
-        children: [
-            /*#__PURE__*/ jsx(Layouts.Header, {
-                title: formatMessage({
-                    id: 'content-releases.pages.Releases.title',
-                    defaultMessage: 'Releases'
-                }),
-                subtitle: formatMessage({
-                    id: 'content-releases.pages.Releases.header-subtitle',
-                    defaultMessage: 'Create and manage content updates'
-                }),
-                primaryAction: canCreate ? /*#__PURE__*/ jsx(Button, {
-                    startIcon: /*#__PURE__*/ jsx(Plus, {}),
-                    onClick: toggleAddReleaseModal,
-                    disabled: hasReachedMaximumPendingReleases,
-                    children: formatMessage({
-                        id: 'content-releases.header.actions.add-release',
-                        defaultMessage: 'New release'
-                    })
-                }) : null
-            }),
-            /*#__PURE__*/ jsx(Layouts.Content, {
-                children: /*#__PURE__*/ jsxs(Fragment, {
-                    children: [
-                        hasReachedMaximumPendingReleases && /*#__PURE__*/ jsx(StyledAlert, {
-                            marginBottom: 6,
-                            action: /*#__PURE__*/ jsx(Link$1, {
-                                href: "https://strapi.io/pricing-cloud",
-                                isExternal: true,
-                                children: formatMessage({
-                                    id: 'content-releases.pages.Releases.max-limit-reached.action',
-                                    defaultMessage: 'Explore plans'
-                                })
-                            }),
-                            title: formatMessage({
-                                id: 'content-releases.pages.Releases.max-limit-reached.title',
-                                defaultMessage: 'You have reached the {number} pending {number, plural, one {release} other {releases}} limit.'
-                            }, {
-                                number: maximumReleases
-                            }),
-                            onClose: ()=>{},
-                            closeLabel: "",
-                            children: formatMessage({
-                                id: 'content-releases.pages.Releases.max-limit-reached.message',
-                                defaultMessage: 'Upgrade to manage an unlimited number of releases.'
-                            })
-                        }),
-                        /*#__PURE__*/ jsxs(Tabs.Root, {
-                            variant: "simple",
-                            onValueChange: handleTabChange,
-                            value: activeTab,
-                            children: [
-                                /*#__PURE__*/ jsxs(Box, {
-                                    paddingBottom: 8,
-                                    children: [
-                                        /*#__PURE__*/ jsxs(Tabs.List, {
-                                            "aria-label": formatMessage({
-                                                id: 'content-releases.pages.Releases.tab-group.label',
-                                                defaultMessage: 'Releases list'
-                                            }),
-                                            children: [
-                                                /*#__PURE__*/ jsx(Tabs.Trigger, {
-                                                    value: "pending",
-                                                    children: formatMessage({
-                                                        id: 'content-releases.pages.Releases.tab.pending',
-                                                        defaultMessage: 'Pending ({count})'
-                                                    }, {
-                                                        count: totalPendingReleases
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ jsx(Tabs.Trigger, {
-                                                    value: "done",
-                                                    children: formatMessage({
-                                                        id: 'content-releases.pages.Releases.tab.done',
-                                                        defaultMessage: 'Done'
-                                                    })
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsx(Divider, {})
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsx(Tabs.Content, {
-                                    value: "pending",
-                                    children: /*#__PURE__*/ jsx(ReleasesGrid, {
-                                        sectionTitle: "pending",
-                                        releases: response?.currentData?.data,
-                                        isError: isError
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(Tabs.Content, {
-                                    value: "done",
-                                    children: /*#__PURE__*/ jsx(ReleasesGrid, {
-                                        sectionTitle: "done",
-                                        releases: response?.currentData?.data,
-                                        isError: isError
-                                    })
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsxs(Pagination.Root, {
-                            ...response?.currentData?.meta?.pagination,
-                            defaultPageSize: response?.currentData?.meta?.pagination?.pageSize,
-                            children: [
-                                /*#__PURE__*/ jsx(Pagination.PageSize, {
-                                    options: [
-                                        '8',
-                                        '16',
-                                        '32',
-                                        '64'
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsx(Pagination.Links, {})
-                            ]
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx(ReleaseModal, {
-                open: releaseModalShown,
-                handleClose: toggleAddReleaseModal,
-                handleSubmit: handleAddRelease,
-                isLoading: isSubmittingForm,
-                initialValues: {
-                    ...INITIAL_FORM_VALUES,
-                    timezone: data?.data.defaultTimezone ? data.data.defaultTimezone.split('&')[1] : null
-                }
-            })
-        ]
-    });
-};
-
-/* -------------------------------------------------------------------------------------------------
- * ReleaseDetailsLayout
- * -----------------------------------------------------------------------------------------------*/ const ReleaseInfoWrapper = styled(Flex)`
-  align-self: stretch;
-  border-bottom-right-radius: ${({ theme })=>theme.borderRadius};
-  border-bottom-left-radius: ${({ theme })=>theme.borderRadius};
-  border-top: 1px solid ${({ theme })=>theme.colors.neutral150};
-`;
-const StyledMenuItem = styled(MenuItem)`
-  svg path {
-    fill: ${({ theme, disabled })=>disabled && theme.colors.neutral500};
-  }
-  span {
-    color: ${({ theme, disabled })=>disabled && theme.colors.neutral500};
-  }
-
-  &:hover {
-    background: ${({ theme, $variant = 'neutral' })=>theme.colors[`${$variant}100`]};
-  }
-`;
-const PencilIcon = styled(Pencil)`
-  width: ${({ theme })=>theme.spaces[4]};
-  height: ${({ theme })=>theme.spaces[4]};
-  path {
-    fill: ${({ theme })=>theme.colors.neutral600};
-  }
-`;
-const TrashIcon = styled(Trash)`
-  width: ${({ theme })=>theme.spaces[4]};
-  height: ${({ theme })=>theme.spaces[4]};
-  path {
-    fill: ${({ theme })=>theme.colors.danger600};
-  }
-`;
-const ReleaseDetailsLayout = ({ toggleEditReleaseModal, toggleWarningSubmit, children })=>{
-    const { formatMessage, formatDate, formatTime } = useIntl();
-    const { releaseId } = useParams();
-    const { data, isLoading: isLoadingDetails, error } = useGetReleaseQuery({
-        id: releaseId
-    }, {
-        skip: !releaseId
-    });
-    const [publishRelease, { isLoading: isPublishing }] = usePublishReleaseMutation();
-    const { toggleNotification } = useNotification();
-    const { formatAPIError } = useAPIErrorHandler();
-    const { allowedActions } = useRBAC(PERMISSIONS);
-    const { canUpdate, canDelete, canPublish } = allowedActions;
-    const dispatch = useTypedDispatch();
-    const { trackUsage } = useTracking();
-    const release = data?.data;
-    const handlePublishRelease = (id)=>async ()=>{
-            const response = await publishRelease({
-                id
-            });
-            if ('data' in response) {
-                // When the response returns an object with 'data', handle success
-                toggleNotification({
-                    type: 'success',
-                    message: formatMessage({
-                        id: 'content-releases.pages.ReleaseDetails.publish-notification-success',
-                        defaultMessage: 'Release was published successfully.'
-                    })
-                });
-                const { totalEntries, totalPublishedEntries, totalUnpublishedEntries } = response.data.meta;
-                trackUsage('didPublishRelease', {
-                    totalEntries,
-                    totalPublishedEntries,
-                    totalUnpublishedEntries
-                });
-            } else if (isFetchError(response.error)) {
-                // When the response returns an object with 'error', handle fetch error
-                toggleNotification({
-                    type: 'danger',
-                    message: formatAPIError(response.error)
-                });
-            } else {
-                // Otherwise, the response returns an object with 'error', handle a generic error
-                toggleNotification({
-                    type: 'danger',
-                    message: formatMessage({
-                        id: 'notification.error',
-                        defaultMessage: 'An error occurred'
-                    })
-                });
-            }
-        };
-    const handleRefresh = ()=>{
-        dispatch(releaseApi.util.invalidateTags([
-            {
-                type: 'ReleaseAction',
-                id: 'LIST'
-            },
-            {
-                type: 'Release',
-                id: releaseId
-            }
-        ]));
-    };
-    const getCreatedByUser = ()=>{
-        if (!release?.createdBy) {
-            return null;
-        }
-        // Favor the username
-        if (release.createdBy.username) {
-            return release.createdBy.username;
-        }
-        // Firstname may not exist if created with SSO
-        if (release.createdBy.firstname) {
-            return `${release.createdBy.firstname} ${release.createdBy.lastname || ''}`.trim();
-        }
-        // All users must have at least an email
-        return release.createdBy.email;
-    };
-    if (isLoadingDetails) {
-        return /*#__PURE__*/ jsx(Page.Loading, {});
-    }
-    if (isBaseQueryError(error) && 'code' in error || !release) {
-        return /*#__PURE__*/ jsx(Navigate, {
-            to: "..",
-            state: {
-                errors: [
-                    {
-                        // @ts-expect-error – TODO: fix this weird error flow
-                        code: error?.code
-                    }
-                ]
-            }
-        });
-    }
-    const totalEntries = release.actions.meta.count || 0;
-    const hasCreatedByUser = Boolean(getCreatedByUser());
-    const isScheduled = release.scheduledAt && release.timezone;
-    const numberOfEntriesText = formatMessage({
-        id: 'content-releases.pages.Details.header-subtitle',
-        defaultMessage: '{number, plural, =0 {No entries} one {# entry} other {# entries}}'
-    }, {
-        number: totalEntries
-    });
-    const scheduledText = isScheduled ? formatMessage({
-        id: 'content-releases.pages.ReleaseDetails.header-subtitle.scheduled',
-        defaultMessage: 'Scheduled for {date} at {time} ({offset})'
-    }, {
-        date: formatDate(new Date(release.scheduledAt), {
-            weekday: 'long',
-            day: 'numeric',
-            month: 'long',
-            year: 'numeric',
-            timeZone: release.timezone
-        }),
-        time: formatTime(new Date(release.scheduledAt), {
-            timeZone: release.timezone,
-            hourCycle: 'h23'
-        }),
-        offset: getTimezoneOffset(release.timezone, new Date(release.scheduledAt))
-    }) : '';
-    return /*#__PURE__*/ jsxs(Main, {
-        "aria-busy": isLoadingDetails,
-        children: [
-            /*#__PURE__*/ jsx(Layouts.Header, {
-                title: release.name,
-                subtitle: /*#__PURE__*/ jsxs(Flex, {
-                    gap: 2,
-                    lineHeight: 6,
-                    children: [
-                        /*#__PURE__*/ jsx(Typography, {
-                            textColor: "neutral600",
-                            variant: "epsilon",
-                            children: numberOfEntriesText + (isScheduled ? ` - ${scheduledText}` : '')
-                        }),
-                        /*#__PURE__*/ jsx(Badge, {
-                            ...getBadgeProps(release.status),
-                            children: release.status
-                        })
-                    ]
-                }),
-                navigationAction: /*#__PURE__*/ jsx(BackButton, {
-                    fallback: ".."
-                }),
-                primaryAction: !release.releasedAt && /*#__PURE__*/ jsxs(Flex, {
-                    gap: 2,
-                    children: [
-                        /*#__PURE__*/ jsxs(SimpleMenuButton, {
-                            label: /*#__PURE__*/ jsx(More, {}),
-                            variant: "tertiary",
-                            endIcon: null,
-                            paddingLeft: "7px",
-                            paddingRight: "7px",
-                            "aria-label": formatMessage({
-                                id: 'content-releases.header.actions.open-release-actions',
-                                defaultMessage: 'Release edit and delete menu'
-                            }),
-                            popoverPlacement: "bottom-end",
-                            children: [
-                                /*#__PURE__*/ jsx(StyledMenuItem, {
-                                    disabled: !canUpdate,
-                                    onSelect: toggleEditReleaseModal,
-                                    children: /*#__PURE__*/ jsxs(Flex, {
-                                        alignItems: "center",
-                                        gap: 2,
-                                        hasRadius: true,
-                                        width: "100%",
-                                        children: [
-                                            /*#__PURE__*/ jsx(PencilIcon, {}),
-                                            /*#__PURE__*/ jsx(Typography, {
-                                                ellipsis: true,
-                                                children: formatMessage({
-                                                    id: 'content-releases.header.actions.edit',
-                                                    defaultMessage: 'Edit'
-                                                })
-                                            })
-                                        ]
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(StyledMenuItem, {
-                                    disabled: !canDelete,
-                                    onSelect: toggleWarningSubmit,
-                                    $variant: "danger",
-                                    children: /*#__PURE__*/ jsxs(Flex, {
-                                        alignItems: "center",
-                                        gap: 2,
-                                        hasRadius: true,
-                                        width: "100%",
-                                        children: [
-                                            /*#__PURE__*/ jsx(TrashIcon, {}),
-                                            /*#__PURE__*/ jsx(Typography, {
-                                                ellipsis: true,
-                                                textColor: "danger600",
-                                                children: formatMessage({
-                                                    id: 'content-releases.header.actions.delete',
-                                                    defaultMessage: 'Delete'
-                                                })
-                                            })
-                                        ]
-                                    })
-                                }),
-                                /*#__PURE__*/ jsxs(ReleaseInfoWrapper, {
-                                    direction: "column",
-                                    justifyContent: "center",
-                                    alignItems: "flex-start",
-                                    gap: 1,
-                                    padding: 4,
-                                    children: [
-                                        /*#__PURE__*/ jsx(Typography, {
-                                            variant: "pi",
-                                            fontWeight: "bold",
-                                            children: formatMessage({
-                                                id: 'content-releases.header.actions.created',
-                                                defaultMessage: 'Created'
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsxs(Typography, {
-                                            variant: "pi",
-                                            color: "neutral300",
-                                            children: [
-                                                /*#__PURE__*/ jsx(RelativeTime$1, {
-                                                    timestamp: new Date(release.createdAt)
-                                                }),
-                                                formatMessage({
-                                                    id: 'content-releases.header.actions.created.description',
-                                                    defaultMessage: '{hasCreatedByUser, select, true { by {createdBy}} other { by deleted user}}'
-                                                }, {
-                                                    createdBy: getCreatedByUser(),
-                                                    hasCreatedByUser
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsx(Button, {
-                            size: "S",
-                            variant: "tertiary",
-                            onClick: handleRefresh,
-                            children: formatMessage({
-                                id: 'content-releases.header.actions.refresh',
-                                defaultMessage: 'Refresh'
-                            })
-                        }),
-                        canPublish ? /*#__PURE__*/ jsx(Button, {
-                            size: "S",
-                            variant: "default",
-                            onClick: handlePublishRelease(release.id.toString()),
-                            loading: isPublishing,
-                            disabled: release.actions.meta.count === 0,
-                            children: formatMessage({
-                                id: 'content-releases.header.actions.publish',
-                                defaultMessage: 'Publish'
-                            })
-                        }) : null
-                    ]
-                })
-            }),
-            children
-        ]
-    });
-};
-const SimpleMenuButton = styled(SimpleMenu)`
-  & > span {
-    display: flex;
-  }
-`;
-/* -------------------------------------------------------------------------------------------------
- * ReleaseDetailsBody
- * -----------------------------------------------------------------------------------------------*/ const GROUP_BY_OPTIONS = [
-    'contentType',
-    'locale',
-    'action'
-];
-const GROUP_BY_OPTIONS_NO_LOCALE = [
-    'contentType',
-    'action'
-];
-const getGroupByOptionLabel = (value)=>{
-    if (value === 'locale') {
-        return {
-            id: 'content-releases.pages.ReleaseDetails.groupBy.option.locales',
-            defaultMessage: 'Locales'
-        };
-    }
-    if (value === 'action') {
-        return {
-            id: 'content-releases.pages.ReleaseDetails.groupBy.option.actions',
-            defaultMessage: 'Actions'
-        };
-    }
-    return {
-        id: 'content-releases.pages.ReleaseDetails.groupBy.option.content-type',
-        defaultMessage: 'Content-Types'
-    };
-};
-const ReleaseDetailsBody = ({ releaseId })=>{
-    const { formatMessage } = useIntl();
-    const [{ query }, setQuery] = useQueryParams();
-    const { toggleNotification } = useNotification();
-    const { formatAPIError } = useAPIErrorHandler();
-    const { data: releaseData, isLoading: isReleaseLoading, error: releaseError } = useGetReleaseQuery({
-        id: releaseId
-    });
-    const { allowedActions: { canUpdate } } = useRBAC(PERMISSIONS);
-    const runHookWaterfall = useStrapiApp('ReleaseDetailsPage', (state)=>state.runHookWaterfall);
-    // TODO: Migrated displayedHeader to v5
-    const { displayedHeaders, hasI18nEnabled } = runHookWaterfall('ContentReleases/pages/ReleaseDetails/add-locale-in-releases', {
-        displayedHeaders: [
-            {
-                label: {
-                    id: 'content-releases.page.ReleaseDetails.table.header.label.name',
-                    defaultMessage: 'name'
-                },
-                name: 'name'
-            }
-        ],
-        hasI18nEnabled: false
-    });
-    const release = releaseData?.data;
-    const selectedGroupBy = query?.groupBy || 'contentType';
-    const { isLoading, isFetching, isError, data, error: releaseActionsError } = useGetReleaseActionsQuery({
-        ...query,
-        releaseId
-    });
-    const [updateReleaseAction] = useUpdateReleaseActionMutation();
-    const handleChangeType = async (e, actionId, actionPath)=>{
-        const response = await updateReleaseAction({
-            params: {
-                releaseId,
-                actionId
-            },
-            body: {
-                type: e.target.value
-            },
-            query,
-            actionPath
-        });
-        if ('error' in response) {
-            if (isFetchError(response.error)) {
-                // When the response returns an object with 'error', handle fetch error
-                toggleNotification({
-                    type: 'danger',
-                    message: formatAPIError(response.error)
-                });
-            } else {
-                // Otherwise, the response returns an object with 'error', handle a generic error
-                toggleNotification({
-                    type: 'danger',
-                    message: formatMessage({
-                        id: 'notification.error',
-                        defaultMessage: 'An error occurred'
-                    })
-                });
-            }
-        }
-    };
-    if (isLoading || isReleaseLoading) {
-        return /*#__PURE__*/ jsx(Page.Loading, {});
-    }
-    const releaseActions = data?.data;
-    const releaseMeta = data?.meta;
-    const contentTypes = releaseMeta?.contentTypes || {};
-    releaseMeta?.components || {};
-    if (isBaseQueryError(releaseError) || !release) {
-        const errorsArray = [];
-        if (releaseError && 'code' in releaseError) {
-            errorsArray.push({
-                code: releaseError.code
-            });
-        }
-        if (releaseActionsError && 'code' in releaseActionsError) {
-            errorsArray.push({
-                code: releaseActionsError.code
-            });
-        }
-        return /*#__PURE__*/ jsx(Navigate, {
-            to: "..",
-            state: {
-                errors: errorsArray
-            }
-        });
-    }
-    if (isError || !releaseActions) {
-        return /*#__PURE__*/ jsx(Page.Error, {});
-    }
-    if (Object.keys(releaseActions).length === 0) {
-        return /*#__PURE__*/ jsx(Layouts.Content, {
-            children: /*#__PURE__*/ jsx(EmptyStateLayout, {
-                action: /*#__PURE__*/ jsx(LinkButton, {
-                    tag: Link,
-                    to: {
-                        pathname: '/content-manager'
-                    },
-                    style: {
-                        textDecoration: 'none'
-                    },
-                    variant: "secondary",
-                    children: formatMessage({
-                        id: 'content-releases.page.Details.button.openContentManager',
-                        defaultMessage: 'Open the Content Manager'
-                    })
-                }),
-                icon: /*#__PURE__*/ jsx(EmptyDocuments, {
-                    width: "16rem"
-                }),
-                content: formatMessage({
-                    id: 'content-releases.pages.Details.tab.emptyEntries',
-                    defaultMessage: 'This release is empty. Open the Content Manager, select an entry and add it to the release.'
-                })
-            })
-        });
-    }
-    const groupByLabel = formatMessage({
-        id: 'content-releases.pages.ReleaseDetails.groupBy.aria-label',
-        defaultMessage: 'Group by'
-    });
-    const headers = [
-        ...displayedHeaders,
-        {
-            label: {
-                id: 'content-releases.page.ReleaseDetails.table.header.label.content-type',
-                defaultMessage: 'content-type'
-            },
-            name: 'content-type'
-        },
-        {
-            label: {
-                id: 'content-releases.page.ReleaseDetails.table.header.label.action',
-                defaultMessage: 'action'
-            },
-            name: 'action'
-        },
-        ...!release.releasedAt ? [
-            {
-                label: {
-                    id: 'content-releases.page.ReleaseDetails.table.header.label.status',
-                    defaultMessage: 'status'
-                },
-                name: 'status'
-            }
-        ] : []
-    ];
-    const options = hasI18nEnabled ? GROUP_BY_OPTIONS : GROUP_BY_OPTIONS_NO_LOCALE;
-    return /*#__PURE__*/ jsx(Layouts.Content, {
-        children: /*#__PURE__*/ jsxs(Flex, {
-            gap: 8,
-            direction: "column",
-            alignItems: "stretch",
-            children: [
-                /*#__PURE__*/ jsx(Flex, {
-                    children: /*#__PURE__*/ jsx(SingleSelect, {
-                        placeholder: groupByLabel,
-                        "aria-label": groupByLabel,
-                        customizeContent: (value)=>formatMessage({
-                                id: `content-releases.pages.ReleaseDetails.groupBy.label`,
-                                defaultMessage: `Group by {groupBy}`
-                            }, {
-                                groupBy: value
-                            }),
-                        value: formatMessage(getGroupByOptionLabel(selectedGroupBy)),
-                        onChange: (value)=>setQuery({
-                                groupBy: value
-                            }),
-                        children: options.map((option)=>/*#__PURE__*/ jsx(SingleSelectOption, {
-                                value: option,
-                                children: formatMessage(getGroupByOptionLabel(option))
-                            }, option))
-                    })
-                }),
-                Object.keys(releaseActions).map((key)=>/*#__PURE__*/ jsxs(Flex, {
-                        gap: 4,
-                        direction: "column",
-                        alignItems: "stretch",
-                        children: [
-                            /*#__PURE__*/ jsx(Flex, {
-                                role: "separator",
-                                "aria-label": key,
-                                children: /*#__PURE__*/ jsx(Badge, {
-                                    children: key
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(Table.Root, {
-                                rows: releaseActions[key].map((item)=>({
-                                        ...item,
-                                        id: Number(item.entry.id)
-                                    })),
-                                headers: headers,
-                                isLoading: isLoading || isFetching,
-                                children: /*#__PURE__*/ jsxs(Table.Content, {
-                                    children: [
-                                        /*#__PURE__*/ jsx(Table.Head, {
-                                            children: headers.map(({ label, name })=>/*#__PURE__*/ jsx(Table.HeaderCell, {
-                                                    label: formatMessage(label),
-                                                    name: name
-                                                }, name))
-                                        }),
-                                        /*#__PURE__*/ jsx(Table.Loading, {}),
-                                        /*#__PURE__*/ jsx(Table.Body, {
-                                            children: releaseActions[key].map(({ id, contentType, locale, type, entry, status }, actionIndex)=>/*#__PURE__*/ jsxs(Tr, {
-                                                    children: [
-                                                        /*#__PURE__*/ jsx(Td, {
-                                                            width: "25%",
-                                                            maxWidth: "200px",
-                                                            children: /*#__PURE__*/ jsx(Typography, {
-                                                                ellipsis: true,
-                                                                children: `${contentType.mainFieldValue || entry.id}`
-                                                            })
-                                                        }),
-                                                        hasI18nEnabled && /*#__PURE__*/ jsx(Td, {
-                                                            width: "10%",
-                                                            children: /*#__PURE__*/ jsx(Typography, {
-                                                                children: `${locale?.name ? locale.name : '-'}`
-                                                            })
-                                                        }),
-                                                        /*#__PURE__*/ jsx(Td, {
-                                                            width: "10%",
-                                                            children: /*#__PURE__*/ jsx(Typography, {
-                                                                children: contentType.displayName || ''
-                                                            })
-                                                        }),
-                                                        /*#__PURE__*/ jsx(Td, {
-                                                            width: "20%",
-                                                            children: release.releasedAt ? /*#__PURE__*/ jsx(Typography, {
-                                                                children: formatMessage({
-                                                                    id: 'content-releases.page.ReleaseDetails.table.action-published',
-                                                                    defaultMessage: 'This entry was <b>{isPublish, select, true {published} other {unpublished}}</b>.'
-                                                                }, {
-                                                                    isPublish: type === 'publish',
-                                                                    b: (children)=>/*#__PURE__*/ jsx(Typography, {
-                                                                            fontWeight: "bold",
-                                                                            children: children
-                                                                        })
-                                                                })
-                                                            }) : /*#__PURE__*/ jsx(ReleaseActionOptions, {
-                                                                selected: type,
-                                                                handleChange: (e)=>handleChangeType(e, id, [
-                                                                        key,
-                                                                        actionIndex
-                                                                    ]),
-                                                                name: `release-action-${id}-type`,
-                                                                disabled: !canUpdate
-                                                            })
-                                                        }),
-                                                        !release.releasedAt && /*#__PURE__*/ jsxs(Fragment, {
-                                                            children: [
-                                                                /*#__PURE__*/ jsx(Td, {
-                                                                    width: "20%",
-                                                                    minWidth: "200px",
-                                                                    children: /*#__PURE__*/ jsx(EntryValidationPopover, {
-                                                                        action: type,
-                                                                        schema: contentTypes?.[contentType.uid],
-                                                                        entry: entry,
-                                                                        status: status
-                                                                    })
-                                                                }),
-                                                                /*#__PURE__*/ jsx(Td, {
-                                                                    children: /*#__PURE__*/ jsx(Flex, {
-                                                                        justifyContent: "flex-end",
-                                                                        children: /*#__PURE__*/ jsxs(ReleaseActionMenu.Root, {
-                                                                            children: [
-                                                                                /*#__PURE__*/ jsx(ReleaseActionMenu.ReleaseActionEntryLinkItem, {
-                                                                                    contentTypeUid: contentType.uid,
-                                                                                    documentId: entry.documentId,
-                                                                                    locale: locale?.code
-                                                                                }),
-                                                                                /*#__PURE__*/ jsx(ReleaseActionMenu.DeleteReleaseActionItem, {
-                                                                                    releaseId: release.id,
-                                                                                    actionId: id
-                                                                                })
-                                                                            ]
-                                                                        })
-                                                                    })
-                                                                })
-                                                            ]
-                                                        })
-                                                    ]
-                                                }, id))
-                                        })
-                                    ]
-                                })
-                            })
-                        ]
-                    }, `releases-group-${key}`)),
-                /*#__PURE__*/ jsxs(Pagination.Root, {
-                    ...releaseMeta?.pagination,
-                    defaultPageSize: releaseMeta?.pagination?.pageSize,
-                    children: [
-                        /*#__PURE__*/ jsx(Pagination.PageSize, {}),
-                        /*#__PURE__*/ jsx(Pagination.Links, {})
-                    ]
-                })
-            ]
-        })
-    });
-};
-/* -------------------------------------------------------------------------------------------------
- * ReleaseDetailsPage
- * -----------------------------------------------------------------------------------------------*/ const ReleaseDetailsPage = ()=>{
-    const { formatMessage } = useIntl();
-    const { releaseId } = useParams();
-    const { toggleNotification } = useNotification();
-    const { formatAPIError } = useAPIErrorHandler();
-    const navigate = useNavigate();
-    const [releaseModalShown, setReleaseModalShown] = React.useState(false);
-    const [showWarningSubmit, setWarningSubmit] = React.useState(false);
-    const { isLoading: isLoadingDetails, data, isSuccess: isSuccessDetails } = useGetReleaseQuery({
-        id: releaseId
-    }, {
-        skip: !releaseId
-    });
-    const { data: dataTimezone, isLoading: isLoadingTimezone } = useGetReleaseSettingsQuery();
-    const [updateRelease, { isLoading: isSubmittingForm }] = useUpdateReleaseMutation();
-    const [deleteRelease] = useDeleteReleaseMutation();
-    const toggleEditReleaseModal = ()=>{
-        setReleaseModalShown((prev)=>!prev);
-    };
-    const getTimezoneValue = ()=>{
-        if (releaseData?.timezone) {
-            return releaseData.timezone;
-        } else {
-            if (dataTimezone?.data.defaultTimezone) {
-                return dataTimezone.data.defaultTimezone;
-            }
-            return null;
-        }
-    };
-    const toggleWarningSubmit = ()=>setWarningSubmit((prevState)=>!prevState);
-    if (isLoadingDetails || isLoadingTimezone) {
-        return /*#__PURE__*/ jsx(ReleaseDetailsLayout, {
-            toggleEditReleaseModal: toggleEditReleaseModal,
-            toggleWarningSubmit: toggleWarningSubmit,
-            children: /*#__PURE__*/ jsx(Page.Loading, {})
-        });
-    }
-    if (!releaseId) {
-        return /*#__PURE__*/ jsx(Navigate, {
-            to: ".."
-        });
-    }
-    const releaseData = isSuccessDetails && data?.data || null;
-    const title = releaseData?.name || '';
-    const timezone = getTimezoneValue();
-    const scheduledAt = releaseData?.scheduledAt && timezone ? utcToZonedTime(releaseData.scheduledAt, timezone) : null;
-    // Just get the date and time to display without considering updated timezone time
-    const date = scheduledAt ? format$1(scheduledAt, 'yyyy-MM-dd') : undefined;
-    const time = scheduledAt ? format$1(scheduledAt, 'HH:mm') : '';
-    const handleEditRelease = async (values)=>{
-        const response = await updateRelease({
-            id: releaseId,
-            name: values.name,
-            scheduledAt: values.scheduledAt,
-            timezone: values.timezone
-        });
-        if ('data' in response) {
-            // When the response returns an object with 'data', handle success
-            toggleNotification({
-                type: 'success',
-                message: formatMessage({
-                    id: 'content-releases.modal.release-updated-notification-success',
-                    defaultMessage: 'Release updated.'
-                })
-            });
-            toggleEditReleaseModal();
-        } else if (isFetchError(response.error)) {
-            // When the response returns an object with 'error', handle fetch error
-            toggleNotification({
-                type: 'danger',
-                message: formatAPIError(response.error)
-            });
-        } else {
-            // Otherwise, the response returns an object with 'error', handle a generic error
-            toggleNotification({
-                type: 'danger',
-                message: formatMessage({
-                    id: 'notification.error',
-                    defaultMessage: 'An error occurred'
-                })
-            });
-        }
-    };
-    const handleDeleteRelease = async ()=>{
-        const response = await deleteRelease({
-            id: releaseId
-        });
-        if ('data' in response) {
-            navigate('..');
-        } else if (isFetchError(response.error)) {
-            // When the response returns an object with 'error', handle fetch error
-            toggleNotification({
-                type: 'danger',
-                message: formatAPIError(response.error)
-            });
-        } else {
-            // Otherwise, the response returns an object with 'error', handle a generic error
-            toggleNotification({
-                type: 'danger',
-                message: formatMessage({
-                    id: 'notification.error',
-                    defaultMessage: 'An error occurred'
-                })
-            });
-        }
-    };
-    return /*#__PURE__*/ jsxs(ReleaseDetailsLayout, {
-        toggleEditReleaseModal: toggleEditReleaseModal,
-        toggleWarningSubmit: toggleWarningSubmit,
-        children: [
-            /*#__PURE__*/ jsx(ReleaseDetailsBody, {
-                releaseId: releaseId
-            }),
-            /*#__PURE__*/ jsx(ReleaseModal, {
-                open: releaseModalShown,
-                handleClose: toggleEditReleaseModal,
-                handleSubmit: handleEditRelease,
-                isLoading: isLoadingDetails || isSubmittingForm,
-                initialValues: {
-                    name: title || '',
-                    scheduledAt,
-                    date,
-                    time,
-                    isScheduled: Boolean(scheduledAt),
-                    timezone
-                }
-            }),
-            /*#__PURE__*/ jsx(Dialog.Root, {
-                open: showWarningSubmit,
-                onOpenChange: toggleWarningSubmit,
-                children: /*#__PURE__*/ jsx(ConfirmDialog, {
-                    onConfirm: handleDeleteRelease,
-                    children: formatMessage({
-                        id: 'content-releases.dialog.confirmation-message',
-                        defaultMessage: 'Are you sure you want to delete this release?'
-                    })
-                })
-            })
-        ]
-    });
-};
-
-const App = ()=>{
-    return /*#__PURE__*/ jsx(Page.Protect, {
-        permissions: PERMISSIONS.main,
-        children: /*#__PURE__*/ jsxs(Routes, {
-            children: [
-                /*#__PURE__*/ jsx(Route, {
-                    index: true,
-                    element: /*#__PURE__*/ jsx(ReleasesPage, {})
-                }),
-                /*#__PURE__*/ jsx(Route, {
-                    path: ':releaseId',
-                    element: /*#__PURE__*/ jsx(ReleaseDetailsPage, {})
-                })
-            ]
-        })
-    });
-};
-
-export { App };
-//# sourceMappingURL=App-BkWgp5q_.mjs.map