@akbarsafari00/bonyan-content-releases 5.52.1-fa.2

package/dist/admin/components/ReleaseModal.mjs

@@ -0,0 +1,310 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Modal, Flex, Field, TextInput, Box, Checkbox, Typography, DatePicker, TimePicker, Button, Combobox, ComboboxOption } from '@strapi/design-system';
+import { formatISO } from 'date-fns';
+import { utcToZonedTime, zonedTimeToUtc } from 'date-fns-tz';
+import { Formik, Form, useFormikContext } from 'formik';
+import { useIntl } from 'react-intl';
+import { useLocation } from 'react-router-dom';
+import { pluginId } from '../pluginId.mjs';
+import { getTimezones } from '../utils/time.mjs';
+import { RELEASE_SCHEMA } from '../validation/schemas.mjs';
+
+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, {
+                                                        type: "text",
+                                                        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",
+                                                        direction: {
+                                                            initial: 'column',
+                                                            medium: 'row'
+                                                        },
+                                                        wrap: "wrap",
+                                                        children: [
+                                                            /*#__PURE__*/ jsx(Box, {
+                                                                width: "100%",
+                                                                flex: 1,
+                                                                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%",
+                                                                flex: 1,
+                                                                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, {})
+        ]
+    });
+};
+
+export { ReleaseModal };
+//# sourceMappingURL=ReleaseModal.mjs.map

package/dist/admin/components/ReleaseModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseModal.mjs","sources":["../../../admin/src/components/ReleaseModal.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {\r\n  Button,\r\n  Modal,\r\n  TextInput,\r\n  Typography,\r\n  Checkbox,\r\n  Flex,\r\n  Box,\r\n  DatePicker,\r\n  TimePicker,\r\n  Combobox,\r\n  ComboboxOption,\r\n  Field,\r\n} from '@strapi/design-system';\r\nimport { formatISO } from 'date-fns';\r\nimport { utcToZonedTime, zonedTimeToUtc } from 'date-fns-tz';\r\nimport { Formik, Form, useFormikContext } from 'formik';\r\nimport { useIntl } from 'react-intl';\r\nimport { useLocation } from 'react-router-dom';\r\n\r\nimport { pluginId } from '../pluginId';\r\nimport { getTimezones } from '../utils/time';\r\nimport { RELEASE_SCHEMA } from '../validation/schemas';\r\n\r\nexport interface FormValues {\r\n  name: string;\r\n  date?: string;\r\n  time: string;\r\n  timezone: string | null;\r\n  isScheduled?: boolean;\r\n  scheduledAt: Date | null;\r\n}\r\n\r\ninterface ReleaseModalProps {\r\n  handleClose: () => void;\r\n  handleSubmit: (values: FormValues) => void;\r\n  isLoading?: boolean;\r\n  initialValues: FormValues;\r\n  open?: boolean;\r\n}\r\n\r\nexport const ReleaseModal = ({\r\n  handleClose,\r\n  open,\r\n  handleSubmit,\r\n  initialValues,\r\n  isLoading = false,\r\n}: ReleaseModalProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const { pathname } = useLocation();\r\n  const isCreatingRelease = pathname === `/plugins/${pluginId}`;\r\n  // Set default first timezone from the list if no system timezone detected\r\n  const { timezoneList, systemTimezone = { value: 'UTC+00:00-Africa/Abidjan ' } } = getTimezones(\r\n    initialValues.scheduledAt ? new Date(initialValues.scheduledAt) : new Date()\r\n  );\r\n\r\n  /**\r\n   * Generate scheduled time using selected date, time and timezone\r\n   */\r\n  const getScheduledTimestamp = (values: FormValues) => {\r\n    const { date, time, timezone } = values;\r\n    if (!date || !time || !timezone) return null;\r\n    const timezoneWithoutOffset = timezone.split('&')[1];\r\n    return zonedTimeToUtc(`${date} ${time}`, timezoneWithoutOffset);\r\n  };\r\n\r\n  /**\r\n   * Get timezone with offset to show the selected value in the dropdown\r\n   */\r\n  const getTimezoneWithOffset = () => {\r\n    const currentTimezone = timezoneList.find(\r\n      (timezone) => timezone.value.split('&')[1] === initialValues.timezone\r\n    );\r\n    return currentTimezone?.value || systemTimezone.value;\r\n  };\r\n\r\n  return (\r\n    <Modal.Root open={open} onOpenChange={handleClose}>\r\n      <Modal.Content>\r\n        <Modal.Header>\r\n          <Modal.Title>\r\n            {formatMessage(\r\n              {\r\n                id: 'content-releases.modal.title',\r\n                defaultMessage:\r\n                  '{isCreatingRelease, select, true {New release} other {Edit release}}',\r\n              },\r\n              { isCreatingRelease: isCreatingRelease }\r\n            )}\r\n          </Modal.Title>\r\n        </Modal.Header>\r\n        <Formik\r\n          onSubmit={(values) => {\r\n            handleSubmit({\r\n              ...values,\r\n              timezone: values.timezone ? values.timezone.split('&')[1] : null,\r\n              scheduledAt: values.isScheduled ? getScheduledTimestamp(values) : null,\r\n            });\r\n          }}\r\n          initialValues={{\r\n            ...initialValues,\r\n            timezone: initialValues.timezone ? getTimezoneWithOffset() : systemTimezone.value,\r\n          }}\r\n          validationSchema={RELEASE_SCHEMA}\r\n          validateOnChange={false}\r\n        >\r\n          {({ values, errors, handleChange, setFieldValue }) => {\r\n            return (\r\n              <Form>\r\n                <Modal.Body>\r\n                  <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\r\n                    <Field.Root\r\n                      name=\"name\"\r\n                      error={\r\n                        errors.name &&\r\n                        formatMessage({ id: errors.name, defaultMessage: errors.name })\r\n                      }\r\n                      required\r\n                    >\r\n                      <Field.Label>\r\n                        {formatMessage({\r\n                          id: 'content-releases.modal.form.input.label.release-name',\r\n                          defaultMessage: 'Name',\r\n                        })}\r\n                      </Field.Label>\r\n                      <TextInput type=\"text\" value={values.name} onChange={handleChange} />\r\n                      <Field.Error />\r\n                    </Field.Root>\r\n                    <Box width=\"max-content\">\r\n                      <Checkbox\r\n                        name=\"isScheduled\"\r\n                        checked={values.isScheduled}\r\n                        onCheckedChange={(checked) => {\r\n                          setFieldValue('isScheduled', checked);\r\n                          if (!checked) {\r\n                            // Clear scheduling info from a release on unchecking schedule release, which reset scheduling info in DB\r\n                            setFieldValue('date', null);\r\n                            setFieldValue('time', '');\r\n                            setFieldValue('timezone', null);\r\n                          } else {\r\n                            // On ticking back schedule release date, time and timezone should be restored to the initial state\r\n                            setFieldValue('date', initialValues.date);\r\n                            setFieldValue('time', initialValues.time);\r\n                            setFieldValue(\r\n                              'timezone',\r\n                              initialValues.timezone ?? systemTimezone?.value\r\n                            );\r\n                          }\r\n                        }}\r\n                      >\r\n                        <Typography\r\n                          textColor={values.isScheduled ? 'primary600' : 'neutral800'}\r\n                          fontWeight={values.isScheduled ? 'semiBold' : 'regular'}\r\n                        >\r\n                          {formatMessage({\r\n                            id: 'modal.form.input.label.schedule-release',\r\n                            defaultMessage: 'Schedule release',\r\n                          })}\r\n                        </Typography>\r\n                      </Checkbox>\r\n                    </Box>\r\n                    {values.isScheduled && (\r\n                      <>\r\n                        <Flex\r\n                          gap={4}\r\n                          alignItems=\"start\"\r\n                          direction={{ initial: 'column', medium: 'row' }}\r\n                          wrap=\"wrap\"\r\n                        >\r\n                          <Box width=\"100%\" flex={1}>\r\n                            <Field.Root\r\n                              name=\"date\"\r\n                              error={\r\n                                errors.date &&\r\n                                formatMessage({ id: errors.date, defaultMessage: errors.date })\r\n                              }\r\n                              required\r\n                            >\r\n                              <Field.Label>\r\n                                {formatMessage({\r\n                                  id: 'content-releases.modal.form.input.label.date',\r\n                                  defaultMessage: 'Date',\r\n                                })}\r\n                              </Field.Label>\r\n                              <DatePicker\r\n                                onChange={(date) => {\r\n                                  const isoFormatDate = date\r\n                                    ? formatISO(date, { representation: 'date' })\r\n                                    : null;\r\n                                  setFieldValue('date', isoFormatDate);\r\n                                }}\r\n                                clearLabel={formatMessage({\r\n                                  id: 'content-releases.modal.form.input.clearLabel',\r\n                                  defaultMessage: 'Clear',\r\n                                })}\r\n                                onClear={() => {\r\n                                  setFieldValue('date', null);\r\n                                }}\r\n                                value={values.date ? new Date(values.date) : new Date()}\r\n                                minDate={utcToZonedTime(new Date(), values.timezone.split('&')[1])}\r\n                              />\r\n                              <Field.Error />\r\n                            </Field.Root>\r\n                          </Box>\r\n                          <Box width=\"100%\" flex={1}>\r\n                            <Field.Root\r\n                              name=\"time\"\r\n                              error={\r\n                                errors.time &&\r\n                                formatMessage({ id: errors.time, defaultMessage: errors.time })\r\n                              }\r\n                              required\r\n                            >\r\n                              <Field.Label>\r\n                                {formatMessage({\r\n                                  id: 'content-releases.modal.form.input.label.time',\r\n                                  defaultMessage: 'Time',\r\n                                })}\r\n                              </Field.Label>\r\n                              <TimePicker\r\n                                onChange={(time) => {\r\n                                  setFieldValue('time', time);\r\n                                }}\r\n                                clearLabel={formatMessage({\r\n                                  id: 'content-releases.modal.form.input.clearLabel',\r\n                                  defaultMessage: 'Clear',\r\n                                })}\r\n                                onClear={() => {\r\n                                  setFieldValue('time', '');\r\n                                }}\r\n                                value={values.time || undefined}\r\n                              />\r\n                              <Field.Error />\r\n                            </Field.Root>\r\n                          </Box>\r\n                        </Flex>\r\n                        <TimezoneComponent timezoneOptions={timezoneList} />\r\n                      </>\r\n                    )}\r\n                  </Flex>\r\n                </Modal.Body>\r\n                <Modal.Footer>\r\n                  <Modal.Close>\r\n                    <Button variant=\"tertiary\" name=\"cancel\">\r\n                      {formatMessage({ id: 'cancel', defaultMessage: 'Cancel' })}\r\n                    </Button>\r\n                  </Modal.Close>\r\n                  <Button name=\"submit\" loading={isLoading} type=\"submit\">\r\n                    {formatMessage(\r\n                      {\r\n                        id: 'content-releases.modal.form.button.submit',\r\n                        defaultMessage: '{isCreatingRelease, select, true {Continue} other {Save}}',\r\n                      },\r\n                      { isCreatingRelease: isCreatingRelease }\r\n                    )}\r\n                  </Button>\r\n                </Modal.Footer>\r\n              </Form>\r\n            );\r\n          }}\r\n        </Formik>\r\n      </Modal.Content>\r\n    </Modal.Root>\r\n  );\r\n};\r\n\r\n/**\r\n * Generates the list of timezones and user's current timezone(system timezone)\r\n */\r\ninterface ITimezoneOption {\r\n  offset: string;\r\n  value: string;\r\n}\r\n\r\nconst TimezoneComponent = ({ timezoneOptions }: { timezoneOptions: ITimezoneOption[] }) => {\r\n  const { values, errors, setFieldValue } = useFormikContext<FormValues>();\r\n  const { formatMessage } = useIntl();\r\n  const [timezoneList, setTimezoneList] = React.useState<ITimezoneOption[]>(timezoneOptions);\r\n\r\n  React.useEffect(() => {\r\n    if (values.date) {\r\n      // Update the timezone offset which varies with DST based on the date selected\r\n      const { timezoneList } = getTimezones(new Date(values.date));\r\n      setTimezoneList(timezoneList);\r\n\r\n      const updatedTimezone =\r\n        values.timezone &&\r\n        timezoneList.find((tz) => tz.value.split('&')[1] === values.timezone!.split('&')[1]);\r\n      if (updatedTimezone) {\r\n        setFieldValue('timezone', updatedTimezone!.value);\r\n      }\r\n    }\r\n  }, [setFieldValue, values.date, values.timezone]);\r\n\r\n  return (\r\n    <Field.Root\r\n      name=\"timezone\"\r\n      error={\r\n        errors.timezone && formatMessage({ id: errors.timezone, defaultMessage: errors.timezone })\r\n      }\r\n      required\r\n    >\r\n      <Field.Label>\r\n        {formatMessage({\r\n          id: 'content-releases.modal.form.input.label.timezone',\r\n          defaultMessage: 'Timezone',\r\n        })}\r\n      </Field.Label>\r\n      <Combobox\r\n        autocomplete={{ type: 'list', filter: 'contains' }}\r\n        value={values.timezone || undefined}\r\n        textValue={values.timezone ? values.timezone.replace(/&/, ' ') : undefined} // textValue is required to show the updated DST timezone\r\n        onChange={(timezone) => {\r\n          setFieldValue('timezone', timezone);\r\n        }}\r\n        onTextValueChange={(timezone) => {\r\n          setFieldValue('timezone', timezone);\r\n        }}\r\n        onClear={() => {\r\n          setFieldValue('timezone', '');\r\n        }}\r\n      >\r\n        {timezoneList.map((timezone) => (\r\n          <ComboboxOption key={timezone.value} value={timezone.value}>\r\n            {timezone.value.replace(/&/, ' ')}\r\n          </ComboboxOption>\r\n        ))}\r\n      </Combobox>\r\n      <Field.Error />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["ReleaseModal","handleClose","open","handleSubmit","initialValues","isLoading","formatMessage","useIntl","pathname","useLocation","isCreatingRelease","pluginId","timezoneList","systemTimezone","value","getTimezones","scheduledAt","Date","getScheduledTimestamp","values","date","time","timezone","timezoneWithoutOffset","split","zonedTimeToUtc","getTimezoneWithOffset","currentTimezone","find","_jsx","Modal","Root","onOpenChange","_jsxs","Content","Header","Title","id","defaultMessage","Formik","onSubmit","isScheduled","validationSchema","RELEASE_SCHEMA","validateOnChange","errors","handleChange","setFieldValue","Form","Body","Flex","direction","alignItems","gap","Field","name","error","required","Label","TextInput","type","onChange","Error","Box","width","Checkbox","checked","onCheckedChange","Typography","textColor","fontWeight","_Fragment","initial","medium","wrap","flex","DatePicker","isoFormatDate","formatISO","representation","clearLabel","onClear","minDate","utcToZonedTime","TimePicker","undefined","TimezoneComponent","timezoneOptions","Footer","Close","Button","variant","loading","useFormikContext","setTimezoneList","React","useState","useEffect","updatedTimezone","tz","Combobox","autocomplete","filter","textValue","replace","onTextValueChange","map","ComboboxOption"],"mappings":";;;;;;;;;;;;AA2CO,MAAMA,YAAAA,GAAe,CAAC,EAC3BC,WAAW,EACXC,IAAI,EACJC,YAAY,EACZC,aAAa,EACbC,SAAAA,GAAY,KAAK,EACC,GAAA;IAClB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,QAAQ,EAAE,GAAGC,WAAAA,EAAAA;AACrB,IAAA,MAAMC,iBAAAA,GAAoBF,QAAAA,KAAa,CAAC,SAAS,EAAEG,QAAAA,CAAAA,CAAU;;IAE7D,MAAM,EAAEC,YAAY,EAAEC,cAAAA,GAAiB;QAAEC,KAAAA,EAAO;KAA6B,EAAE,GAAGC,YAAAA,CAChFX,aAAAA,CAAcY,WAAW,GAAG,IAAIC,IAAAA,CAAKb,aAAAA,CAAcY,WAAW,CAAA,GAAI,IAAIC,IAAAA,EAAAA,CAAAA;AAGxE;;MAGA,MAAMC,wBAAwB,CAACC,MAAAA,GAAAA;AAC7B,QAAA,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGH,MAAAA;AACjC,QAAA,IAAI,CAACC,IAAAA,IAAQ,CAACC,IAAAA,IAAQ,CAACC,UAAU,OAAO,IAAA;AACxC,QAAA,MAAMC,wBAAwBD,QAAAA,CAASE,KAAK,CAAC,GAAA,CAAI,CAAC,CAAA,CAAE;AACpD,QAAA,OAAOC,eAAe,CAAA,EAAGL,IAAAA,CAAK,CAAC,EAAEC,MAAM,EAAEE,qBAAAA,CAAAA;AAC3C,IAAA,CAAA;AAEA;;AAEC,MACD,MAAMG,qBAAAA,GAAwB,IAAA;AAC5B,QAAA,MAAMC,kBAAkBf,YAAAA,CAAagB,IAAI,CACvC,CAACN,WAAaA,QAAAA,CAASR,KAAK,CAACU,KAAK,CAAC,GAAA,CAAI,CAAC,CAAA,CAAE,KAAKpB,cAAckB,QAAQ,CAAA;QAEvE,OAAOK,eAAAA,EAAiBb,KAAAA,IAASD,cAAAA,CAAeC,KAAK;AACvD,IAAA,CAAA;IAEA,qBACEe,GAAA,CAACC,MAAMC,IAAI,EAAA;QAAC7B,IAAAA,EAAMA,IAAAA;QAAM8B,YAAAA,EAAc/B,WAAAA;gCACpCgC,IAAA,CAACH,MAAMI,OAAO,EAAA;;AACZ,8BAAAL,GAAA,CAACC,MAAMK,MAAM,EAAA;4CACXN,GAAA,CAACC,MAAMM,KAAK,EAAA;kCACT9B,aAAAA,CACC;4BACE+B,EAAAA,EAAI,8BAAA;4BACJC,cAAAA,EACE;yBACJ,EACA;4BAAE5B,iBAAAA,EAAmBA;AAAkB,yBAAA;;;8BAI7CmB,GAAA,CAACU,MAAAA,EAAAA;AACCC,oBAAAA,QAAAA,EAAU,CAACrB,MAAAA,GAAAA;wBACThB,YAAAA,CAAa;AACX,4BAAA,GAAGgB,MAAM;4BACTG,QAAAA,EAAUH,MAAAA,CAAOG,QAAQ,GAAGH,MAAAA,CAAOG,QAAQ,CAACE,KAAK,CAAC,GAAA,CAAI,CAAC,CAAA,CAAE,GAAG,IAAA;AAC5DR,4BAAAA,WAAAA,EAAaG,MAAAA,CAAOsB,WAAW,GAAGvB,qBAAAA,CAAsBC,MAAAA,CAAAA,GAAU;AACpE,yBAAA,CAAA;AACF,oBAAA,CAAA;oBACAf,aAAAA,EAAe;AACb,wBAAA,GAAGA,aAAa;AAChBkB,wBAAAA,QAAAA,EAAUlB,aAAAA,CAAckB,QAAQ,GAAGI,qBAAAA,EAAAA,GAA0Bb,eAAeC;AAC9E,qBAAA;oBACA4B,gBAAAA,EAAkBC,cAAAA;oBAClBC,gBAAAA,EAAkB,KAAA;8BAEjB,CAAC,EAAEzB,MAAM,EAAE0B,MAAM,EAAEC,YAAY,EAAEC,aAAa,EAAE,GAAA;AAC/C,wBAAA,qBACEd,IAAA,CAACe,IAAAA,EAAAA;;AACC,8CAAAnB,GAAA,CAACC,MAAMmB,IAAI,EAAA;AACT,oCAAA,QAAA,gBAAAhB,IAAA,CAACiB,IAAAA,EAAAA;wCAAKC,SAAAA,EAAU,QAAA;wCAASC,UAAAA,EAAW,SAAA;wCAAUC,GAAAA,EAAK,CAAA;;AACjD,0DAAApB,IAAA,CAACqB,MAAMvB,IAAI,EAAA;gDACTwB,IAAAA,EAAK,MAAA;gDACLC,KAAAA,EACEX,MAAAA,CAAOU,IAAI,IACXjD,aAAAA,CAAc;AAAE+B,oDAAAA,EAAAA,EAAIQ,OAAOU,IAAI;AAAEjB,oDAAAA,cAAAA,EAAgBO,OAAOU;AAAK,iDAAA,CAAA;gDAE/DE,QAAQ,EAAA,IAAA;;AAER,kEAAA5B,GAAA,CAACyB,MAAMI,KAAK,EAAA;kEACTpD,aAAAA,CAAc;4DACb+B,EAAAA,EAAI,sDAAA;4DACJC,cAAAA,EAAgB;AAClB,yDAAA;;kEAEFT,GAAA,CAAC8B,SAAAA,EAAAA;wDAAUC,IAAAA,EAAK,MAAA;AAAO9C,wDAAAA,KAAAA,EAAOK,OAAOoC,IAAI;wDAAEM,QAAAA,EAAUf;;AACrD,kEAAAjB,GAAA,CAACyB,MAAMQ,KAAK,EAAA,EAAA;;;0DAEdjC,GAAA,CAACkC,GAAAA,EAAAA;gDAAIC,KAAAA,EAAM,aAAA;AACT,gDAAA,QAAA,gBAAAnC,GAAA,CAACoC,QAAAA,EAAAA;oDACCV,IAAAA,EAAK,aAAA;AACLW,oDAAAA,OAAAA,EAAS/C,OAAOsB,WAAW;AAC3B0B,oDAAAA,eAAAA,EAAiB,CAACD,OAAAA,GAAAA;AAChBnB,wDAAAA,aAAAA,CAAc,aAAA,EAAemB,OAAAA,CAAAA;AAC7B,wDAAA,IAAI,CAACA,OAAAA,EAAS;;AAEZnB,4DAAAA,aAAAA,CAAc,MAAA,EAAQ,IAAA,CAAA;AACtBA,4DAAAA,aAAAA,CAAc,MAAA,EAAQ,EAAA,CAAA;AACtBA,4DAAAA,aAAAA,CAAc,UAAA,EAAY,IAAA,CAAA;wDAC5B,CAAA,MAAO;;4DAELA,aAAAA,CAAc,MAAA,EAAQ3C,cAAcgB,IAAI,CAAA;4DACxC2B,aAAAA,CAAc,MAAA,EAAQ3C,cAAciB,IAAI,CAAA;AACxC0B,4DAAAA,aAAAA,CACE,UAAA,EACA3C,aAAAA,CAAckB,QAAQ,IAAIT,cAAAA,EAAgBC,KAAAA,CAAAA;AAE9C,wDAAA;AACF,oDAAA,CAAA;AAEA,oDAAA,QAAA,gBAAAe,GAAA,CAACuC,UAAAA,EAAAA;wDACCC,SAAAA,EAAWlD,MAAAA,CAAOsB,WAAW,GAAG,YAAA,GAAe,YAAA;wDAC/C6B,UAAAA,EAAYnD,MAAAA,CAAOsB,WAAW,GAAG,UAAA,GAAa,SAAA;kEAE7CnC,aAAAA,CAAc;4DACb+B,EAAAA,EAAI,yCAAA;4DACJC,cAAAA,EAAgB;AAClB,yDAAA;;;;AAILnB,4CAAAA,MAAAA,CAAOsB,WAAW,kBACjBR,IAAA,CAAAsC,QAAA,EAAA;;kEACEtC,IAAA,CAACiB,IAAAA,EAAAA;wDACCG,GAAAA,EAAK,CAAA;wDACLD,UAAAA,EAAW,OAAA;wDACXD,SAAAA,EAAW;4DAAEqB,OAAAA,EAAS,QAAA;4DAAUC,MAAAA,EAAQ;AAAM,yDAAA;wDAC9CC,IAAAA,EAAK,MAAA;;0EAEL7C,GAAA,CAACkC,GAAAA,EAAAA;gEAAIC,KAAAA,EAAM,MAAA;gEAAOW,IAAAA,EAAM,CAAA;wFACtB1C,IAAA,CAACqB,MAAMvB,IAAI,EAAA;oEACTwB,IAAAA,EAAK,MAAA;oEACLC,KAAAA,EACEX,MAAAA,CAAOzB,IAAI,IACXd,aAAAA,CAAc;AAAE+B,wEAAAA,EAAAA,EAAIQ,OAAOzB,IAAI;AAAEkB,wEAAAA,cAAAA,EAAgBO,OAAOzB;AAAK,qEAAA,CAAA;oEAE/DqC,QAAQ,EAAA,IAAA;;AAER,sFAAA5B,GAAA,CAACyB,MAAMI,KAAK,EAAA;sFACTpD,aAAAA,CAAc;gFACb+B,EAAAA,EAAI,8CAAA;gFACJC,cAAAA,EAAgB;AAClB,6EAAA;;sFAEFT,GAAA,CAAC+C,UAAAA,EAAAA;AACCf,4EAAAA,QAAAA,EAAU,CAACzC,IAAAA,GAAAA;gFACT,MAAMyD,aAAAA,GAAgBzD,IAAAA,GAClB0D,SAAAA,CAAU1D,IAAAA,EAAM;oFAAE2D,cAAAA,EAAgB;iFAAO,CAAA,GACzC,IAAA;AACJhC,gFAAAA,aAAAA,CAAc,MAAA,EAAQ8B,aAAAA,CAAAA;AACxB,4EAAA,CAAA;AACAG,4EAAAA,UAAAA,EAAY1E,aAAAA,CAAc;gFACxB+B,EAAAA,EAAI,8CAAA;gFACJC,cAAAA,EAAgB;AAClB,6EAAA,CAAA;4EACA2C,OAAAA,EAAS,IAAA;AACPlC,gFAAAA,aAAAA,CAAc,MAAA,EAAQ,IAAA,CAAA;AACxB,4EAAA,CAAA;4EACAjC,KAAAA,EAAOK,MAAAA,CAAOC,IAAI,GAAG,IAAIH,KAAKE,MAAAA,CAAOC,IAAI,IAAI,IAAIH,IAAAA,EAAAA;4EACjDiE,OAAAA,EAASC,cAAAA,CAAe,IAAIlE,IAAAA,EAAAA,EAAQE,MAAAA,CAAOG,QAAQ,CAACE,KAAK,CAAC,GAAA,CAAI,CAAC,CAAA,CAAE;;AAEnE,sFAAAK,GAAA,CAACyB,MAAMQ,KAAK,EAAA,EAAA;;;;0EAGhBjC,GAAA,CAACkC,GAAAA,EAAAA;gEAAIC,KAAAA,EAAM,MAAA;gEAAOW,IAAAA,EAAM,CAAA;wFACtB1C,IAAA,CAACqB,MAAMvB,IAAI,EAAA;oEACTwB,IAAAA,EAAK,MAAA;oEACLC,KAAAA,EACEX,MAAAA,CAAOxB,IAAI,IACXf,aAAAA,CAAc;AAAE+B,wEAAAA,EAAAA,EAAIQ,OAAOxB,IAAI;AAAEiB,wEAAAA,cAAAA,EAAgBO,OAAOxB;AAAK,qEAAA,CAAA;oEAE/DoC,QAAQ,EAAA,IAAA;;AAER,sFAAA5B,GAAA,CAACyB,MAAMI,KAAK,EAAA;sFACTpD,aAAAA,CAAc;gFACb+B,EAAAA,EAAI,8CAAA;gFACJC,cAAAA,EAAgB;AAClB,6EAAA;;sFAEFT,GAAA,CAACuD,UAAAA,EAAAA;AACCvB,4EAAAA,QAAAA,EAAU,CAACxC,IAAAA,GAAAA;AACT0B,gFAAAA,aAAAA,CAAc,MAAA,EAAQ1B,IAAAA,CAAAA;AACxB,4EAAA,CAAA;AACA2D,4EAAAA,UAAAA,EAAY1E,aAAAA,CAAc;gFACxB+B,EAAAA,EAAI,8CAAA;gFACJC,cAAAA,EAAgB;AAClB,6EAAA,CAAA;4EACA2C,OAAAA,EAAS,IAAA;AACPlC,gFAAAA,aAAAA,CAAc,MAAA,EAAQ,EAAA,CAAA;AACxB,4EAAA,CAAA;4EACAjC,KAAAA,EAAOK,MAAAA,CAAOE,IAAI,IAAIgE;;AAExB,sFAAAxD,GAAA,CAACyB,MAAMQ,KAAK,EAAA,EAAA;;;;;;kEAIlBjC,GAAA,CAACyD,iBAAAA,EAAAA;wDAAkBC,eAAAA,EAAiB3E;;;;;;;AAK5C,8CAAAqB,IAAA,CAACH,MAAM0D,MAAM,EAAA;;AACX,sDAAA3D,GAAA,CAACC,MAAM2D,KAAK,EAAA;AACV,4CAAA,QAAA,gBAAA5D,GAAA,CAAC6D,MAAAA,EAAAA;gDAAOC,OAAAA,EAAQ,UAAA;gDAAWpC,IAAAA,EAAK,QAAA;0DAC7BjD,aAAAA,CAAc;oDAAE+B,EAAAA,EAAI,QAAA;oDAAUC,cAAAA,EAAgB;AAAS,iDAAA;;;sDAG5DT,GAAA,CAAC6D,MAAAA,EAAAA;4CAAOnC,IAAAA,EAAK,QAAA;4CAASqC,OAAAA,EAASvF,SAAAA;4CAAWuD,IAAAA,EAAK,QAAA;sDAC5CtD,aAAAA,CACC;gDACE+B,EAAAA,EAAI,2CAAA;gDACJC,cAAAA,EAAgB;6CAClB,EACA;gDAAE5B,iBAAAA,EAAmBA;AAAkB,6CAAA;;;;;;AAMnD,oBAAA;;;;;AAKV;AAUA,MAAM4E,iBAAAA,GAAoB,CAAC,EAAEC,eAAe,EAA0C,GAAA;AACpF,IAAA,MAAM,EAAEpE,MAAM,EAAE0B,MAAM,EAAEE,aAAa,EAAE,GAAG8C,gBAAAA,EAAAA;IAC1C,MAAM,EAAEvF,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACK,YAAAA,EAAckF,eAAAA,CAAgB,GAAGC,KAAAA,CAAMC,QAAQ,CAAoBT,eAAAA,CAAAA;AAE1EQ,IAAAA,KAAAA,CAAME,SAAS,CAAC,IAAA;QACd,IAAI9E,MAAAA,CAAOC,IAAI,EAAE;;YAEf,MAAM,EAAER,YAAY,EAAE,GAAGG,aAAa,IAAIE,IAAAA,CAAKE,OAAOC,IAAI,CAAA,CAAA;YAC1D0E,eAAAA,CAAgBlF,YAAAA,CAAAA;YAEhB,MAAMsF,eAAAA,GACJ/E,MAAAA,CAAOG,QAAQ,IACfV,YAAAA,CAAagB,IAAI,CAAC,CAACuE,EAAAA,GAAOA,EAAAA,CAAGrF,KAAK,CAACU,KAAK,CAAC,GAAA,CAAI,CAAC,CAAA,CAAE,KAAKL,MAAAA,CAAOG,QAAQ,CAAEE,KAAK,CAAC,GAAA,CAAI,CAAC,CAAA,CAAE,CAAA;AACrF,YAAA,IAAI0E,eAAAA,EAAiB;gBACnBnD,aAAAA,CAAc,UAAA,EAAYmD,gBAAiBpF,KAAK,CAAA;AAClD,YAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACiC,QAAAA,aAAAA;AAAe5B,QAAAA,MAAAA,CAAOC,IAAI;AAAED,QAAAA,MAAAA,CAAOG;AAAS,KAAA,CAAA;IAEhD,qBACEW,IAAA,CAACqB,MAAMvB,IAAI,EAAA;QACTwB,IAAAA,EAAK,UAAA;QACLC,KAAAA,EACEX,MAAAA,CAAOvB,QAAQ,IAAIhB,aAAAA,CAAc;AAAE+B,YAAAA,EAAAA,EAAIQ,OAAOvB,QAAQ;AAAEgB,YAAAA,cAAAA,EAAgBO,OAAOvB;AAAS,SAAA,CAAA;QAE1FmC,QAAQ,EAAA,IAAA;;AAER,0BAAA5B,GAAA,CAACyB,MAAMI,KAAK,EAAA;0BACTpD,aAAAA,CAAc;oBACb+B,EAAAA,EAAI,kDAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA;;0BAEFT,GAAA,CAACuE,QAAAA,EAAAA;gBACCC,YAAAA,EAAc;oBAAEzC,IAAAA,EAAM,MAAA;oBAAQ0C,MAAAA,EAAQ;AAAW,iBAAA;gBACjDxF,KAAAA,EAAOK,MAAAA,CAAOG,QAAQ,IAAI+D,SAAAA;gBAC1BkB,SAAAA,EAAWpF,MAAAA,CAAOG,QAAQ,GAAGH,MAAAA,CAAOG,QAAQ,CAACkF,OAAO,CAAC,GAAA,EAAK,GAAA,CAAA,GAAOnB,SAAAA;AACjExB,gBAAAA,QAAAA,EAAU,CAACvC,QAAAA,GAAAA;AACTyB,oBAAAA,aAAAA,CAAc,UAAA,EAAYzB,QAAAA,CAAAA;AAC5B,gBAAA,CAAA;AACAmF,gBAAAA,iBAAAA,EAAmB,CAACnF,QAAAA,GAAAA;AAClByB,oBAAAA,aAAAA,CAAc,UAAA,EAAYzB,QAAAA,CAAAA;AAC5B,gBAAA,CAAA;gBACA2D,OAAAA,EAAS,IAAA;AACPlC,oBAAAA,aAAAA,CAAc,UAAA,EAAY,EAAA,CAAA;AAC5B,gBAAA,CAAA;AAECnC,gBAAAA,QAAAA,EAAAA,YAAAA,CAAa8F,GAAG,CAAC,CAACpF,QAAAA,iBACjBO,GAAA,CAAC8E,cAAAA,EAAAA;AAAoC7F,wBAAAA,KAAAA,EAAOQ,SAASR,KAAK;AACvDQ,wBAAAA,QAAAA,EAAAA,QAAAA,CAASR,KAAK,CAAC0F,OAAO,CAAC,GAAA,EAAK,GAAA;AADVlF,qBAAAA,EAAAA,QAAAA,CAASR,KAAK,CAAA;;AAKvC,0BAAAe,GAAA,CAACyB,MAAMQ,KAAK,EAAA,EAAA;;;AAGlB,CAAA;;;;"}

package/dist/admin/components/ReleasesPanel.js

@@ -0,0 +1,138 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var strapiAdmin$1 = require('@strapi/content-manager/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var constants = require('../constants.js');
+var release = require('../services/release.js');
+var time = require('../utils/time.js');
+var ReleaseActionMenu = require('./ReleaseActionMenu.js');
+
+const Panel = ({ model, document, documentId, collectionType })=>{
+    const [{ query }] = strapiAdmin.useQueryParams();
+    const locale = query.plugins?.i18n?.locale;
+    const { edit: { options } } = strapiAdmin$1.unstable_useDocumentLayout(model);
+    const { formatMessage, formatDate, formatTime } = reactIntl.useIntl();
+    const { allowedActions } = strapiAdmin.useRBAC(constants.PERMISSIONS);
+    const { canRead, canDeleteAction } = allowedActions;
+    const response = release.useGetReleasesForEntryQuery({
+        contentType: model,
+        entryDocumentId: documentId,
+        locale,
+        hasEntryAttached: true
+    }, {
+        skip: !document
+    });
+    const releases = response.data?.data;
+    const getReleaseColorVariant = (actionType, shade)=>{
+        if (actionType === 'unpublish') {
+            return `secondary${shade}`;
+        }
+        return `success${shade}`;
+    };
+    // Project is not EE or contentType does not have draftAndPublish enabled
+    if (!window.strapi.isEE || !options?.draftAndPublish || !canRead) {
+        return null;
+    }
+    if (collectionType === 'collection-types' && (!documentId || documentId === 'create')) {
+        return null;
+    }
+    if (!releases || releases.length === 0) {
+        return null;
+    }
+    return {
+        title: formatMessage({
+            id: 'content-releases.plugin.name',
+            defaultMessage: 'Releases'
+        }),
+        content: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            direction: "column",
+            alignItems: "stretch",
+            gap: 3,
+            width: "100%",
+            children: releases?.map((release)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    direction: "column",
+                    alignItems: "start",
+                    borderWidth: "1px",
+                    borderStyle: "solid",
+                    borderColor: getReleaseColorVariant(release.actions[0].type, '200'),
+                    overflow: "hidden",
+                    hasRadius: true,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                            paddingTop: 3,
+                            paddingBottom: 3,
+                            paddingLeft: 4,
+                            paddingRight: 4,
+                            background: getReleaseColorVariant(release.actions[0].type, '100'),
+                            width: "100%",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                fontSize: 1,
+                                variant: "pi",
+                                textColor: getReleaseColorVariant(release.actions[0].type, '600'),
+                                children: formatMessage({
+                                    id: 'content-releases.content-manager-edit-view.list-releases.title',
+                                    defaultMessage: '{isPublish, select, true {Will be published in} other {Will be unpublished in}}'
+                                }, {
+                                    isPublish: release.actions[0].type === 'publish'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                            padding: 4,
+                            direction: "column",
+                            gap: 2,
+                            width: "100%",
+                            alignItems: "flex-start",
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    fontSize: 2,
+                                    fontWeight: "bold",
+                                    variant: "omega",
+                                    textColor: "neutral700",
+                                    children: release.name
+                                }),
+                                release.scheduledAt && release.timezone && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    variant: "pi",
+                                    textColor: "neutral600",
+                                    children: formatMessage({
+                                        id: 'content-releases.content-manager-edit-view.scheduled.date',
+                                        defaultMessage: '{date} at {time} ({offset})'
+                                    }, {
+                                        date: formatDate(new Date(release.scheduledAt), {
+                                            day: '2-digit',
+                                            month: '2-digit',
+                                            year: 'numeric',
+                                            timeZone: release.timezone
+                                        }),
+                                        time: formatTime(new Date(release.scheduledAt), {
+                                            hourCycle: 'h23',
+                                            timeZone: release.timezone
+                                        }),
+                                        offset: time.getTimezoneOffset(release.timezone, new Date(release.scheduledAt))
+                                    })
+                                }),
+                                canDeleteAction ? /*#__PURE__*/ jsxRuntime.jsxs(ReleaseActionMenu.ReleaseActionMenu.Root, {
+                                    hasTriggerBorder: true,
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(ReleaseActionMenu.ReleaseActionMenu.EditReleaseItem, {
+                                            releaseId: release.id
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(ReleaseActionMenu.ReleaseActionMenu.DeleteReleaseActionItem, {
+                                            releaseId: release.id,
+                                            actionId: release.actions[0].id
+                                        })
+                                    ]
+                                }) : null
+                            ]
+                        })
+                    ]
+                }, release.id))
+        })
+    };
+};
+
+exports.Panel = Panel;
+//# sourceMappingURL=ReleasesPanel.js.map

package/dist/admin/components/ReleasesPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleasesPanel.js","sources":["../../../admin/src/components/ReleasesPanel.tsx"],"sourcesContent":["import { useRBAC, useQueryParams } from '@strapi/admin/strapi-admin';\r\nimport { unstable_useDocumentLayout as useDocumentLayout } from '@strapi/content-manager/strapi-admin';\r\nimport { Box, Flex, Typography } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { PERMISSIONS } from '../constants';\r\nimport { useGetReleasesForEntryQuery } from '../services/release';\r\nimport { getTimezoneOffset } from '../utils/time';\r\n\r\nimport { ReleaseActionMenu } from './ReleaseActionMenu';\r\n\r\nimport type { PanelComponent, PanelComponentProps } from '@strapi/content-manager/strapi-admin';\r\n\r\nconst Panel: PanelComponent = ({\r\n  model,\r\n  document,\r\n  documentId,\r\n  collectionType,\r\n}: PanelComponentProps) => {\r\n  const [{ query }] = useQueryParams<{ plugins: { i18n: { locale: string } } }>();\r\n  const locale = query.plugins?.i18n?.locale;\r\n\r\n  const {\r\n    edit: { options },\r\n  } = useDocumentLayout(model);\r\n  const { formatMessage, formatDate, formatTime } = useIntl();\r\n\r\n  const { allowedActions } = useRBAC(PERMISSIONS);\r\n  const { canRead, canDeleteAction } = allowedActions;\r\n\r\n  const response = useGetReleasesForEntryQuery(\r\n    {\r\n      contentType: model,\r\n      entryDocumentId: documentId,\r\n      locale,\r\n      hasEntryAttached: true,\r\n    },\r\n    {\r\n      skip: !document,\r\n    }\r\n  );\r\n  const releases = response.data?.data;\r\n\r\n  const getReleaseColorVariant = (\r\n    actionType: 'publish' | 'unpublish',\r\n    shade: '100' | '200' | '600'\r\n  ) => {\r\n    if (actionType === 'unpublish') {\r\n      return `secondary${shade}`;\r\n    }\r\n\r\n    return `success${shade}`;\r\n  };\r\n\r\n  // Project is not EE or contentType does not have draftAndPublish enabled\r\n  if (!window.strapi.isEE || !options?.draftAndPublish || !canRead) {\r\n    return null;\r\n  }\r\n\r\n  if (collectionType === 'collection-types' && (!documentId || documentId === 'create')) {\r\n    return null;\r\n  }\r\n\r\n  if (!releases || releases.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return {\r\n    title: formatMessage({\r\n      id: 'content-releases.plugin.name',\r\n      defaultMessage: 'Releases',\r\n    }),\r\n    content: (\r\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={3} width=\"100%\">\r\n        {releases?.map((release) => (\r\n          <Flex\r\n            key={release.id}\r\n            direction=\"column\"\r\n            alignItems=\"start\"\r\n            borderWidth=\"1px\"\r\n            borderStyle=\"solid\"\r\n            borderColor={getReleaseColorVariant(release.actions[0].type, '200')}\r\n            overflow=\"hidden\"\r\n            hasRadius\r\n          >\r\n            <Box\r\n              paddingTop={3}\r\n              paddingBottom={3}\r\n              paddingLeft={4}\r\n              paddingRight={4}\r\n              background={getReleaseColorVariant(release.actions[0].type, '100')}\r\n              width=\"100%\"\r\n            >\r\n              <Typography\r\n                fontSize={1}\r\n                variant=\"pi\"\r\n                textColor={getReleaseColorVariant(release.actions[0].type, '600')}\r\n              >\r\n                {formatMessage(\r\n                  {\r\n                    id: 'content-releases.content-manager-edit-view.list-releases.title',\r\n                    defaultMessage:\r\n                      '{isPublish, select, true {Will be published in} other {Will be unpublished in}}',\r\n                  },\r\n                  { isPublish: release.actions[0].type === 'publish' }\r\n                )}\r\n              </Typography>\r\n            </Box>\r\n            <Flex padding={4} direction=\"column\" gap={2} width=\"100%\" alignItems=\"flex-start\">\r\n              <Typography fontSize={2} fontWeight=\"bold\" variant=\"omega\" textColor=\"neutral700\">\r\n                {release.name}\r\n              </Typography>\r\n              {release.scheduledAt && release.timezone && (\r\n                <Typography variant=\"pi\" textColor=\"neutral600\">\r\n                  {formatMessage(\r\n                    {\r\n                      id: 'content-releases.content-manager-edit-view.scheduled.date',\r\n                      defaultMessage: '{date} at {time} ({offset})',\r\n                    },\r\n                    {\r\n                      date: formatDate(new Date(release.scheduledAt), {\r\n                        day: '2-digit',\r\n                        month: '2-digit',\r\n                        year: 'numeric',\r\n                        timeZone: release.timezone,\r\n                      }),\r\n                      time: formatTime(new Date(release.scheduledAt), {\r\n                        hourCycle: 'h23',\r\n                        timeZone: release.timezone,\r\n                      }),\r\n                      offset: getTimezoneOffset(release.timezone, new Date(release.scheduledAt)),\r\n                    }\r\n                  )}\r\n                </Typography>\r\n              )}\r\n              {canDeleteAction ? (\r\n                <ReleaseActionMenu.Root hasTriggerBorder>\r\n                  <ReleaseActionMenu.EditReleaseItem releaseId={release.id} />\r\n                  <ReleaseActionMenu.DeleteReleaseActionItem\r\n                    releaseId={release.id}\r\n                    actionId={release.actions[0].id}\r\n                  />\r\n                </ReleaseActionMenu.Root>\r\n              ) : null}\r\n            </Flex>\r\n          </Flex>\r\n        ))}\r\n      </Flex>\r\n    ),\r\n  };\r\n};\r\n\r\nexport { Panel };\r\n"],"names":["Panel","model","document","documentId","collectionType","query","useQueryParams","locale","plugins","i18n","edit","options","useDocumentLayout","formatMessage","formatDate","formatTime","useIntl","allowedActions","useRBAC","PERMISSIONS","canRead","canDeleteAction","response","useGetReleasesForEntryQuery","contentType","entryDocumentId","hasEntryAttached","skip","releases","data","getReleaseColorVariant","actionType","shade","window","strapi","isEE","draftAndPublish","length","title","id","defaultMessage","content","_jsx","Flex","direction","alignItems","gap","width","map","release","_jsxs","borderWidth","borderStyle","borderColor","actions","type","overflow","hasRadius","Box","paddingTop","paddingBottom","paddingLeft","paddingRight","background","Typography","fontSize","variant","textColor","isPublish","padding","fontWeight","name","scheduledAt","timezone","date","Date","day","month","year","timeZone","time","hourCycle","offset","getTimezoneOffset","ReleaseActionMenu","Root","hasTriggerBorder","EditReleaseItem","releaseId","DeleteReleaseActionItem","actionId"],"mappings":"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"}