@payloadcms/ui 3.11.1-canary.3f6217a → 3.11.1-canary.eb516b3

package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { formatDate } from '../../../utilities/formatDate.js';
+import { Pill } from '../../Pill/index.js';
+export const buildUpcomingColumns = ({
+  dateFormat,
+  docs,
+  i18n,
+  localization,
+  t
+}) => {
+  const columns = [{
+    accessor: 'input.type',
+    active: true,
+    field: {
+      name: '',
+      type: 'text'
+    },
+    Heading: /*#__PURE__*/_jsx("span", {
+      children: t('version:type')
+    }),
+    renderedCells: docs.map(doc => {
+      const type = doc.input?.type;
+      return /*#__PURE__*/_jsxs(Pill, {
+        pillStyle: type === 'publish' ? 'success' : 'warning',
+        children: [type === 'publish' && t('version:publish'), type === 'unpublish' && t('version:unpublish')]
+      }, doc.id);
+    })
+  }, {
+    accessor: 'waitUntil',
+    active: true,
+    field: {
+      name: '',
+      type: 'date'
+    },
+    Heading: /*#__PURE__*/_jsx("span", {
+      children: t('general:time')
+    }),
+    renderedCells: docs.map(doc => /*#__PURE__*/_jsx("span", {
+      children: formatDate({
+        date: doc.waitUntil,
+        i18n,
+        pattern: dateFormat
+      })
+    }, doc.id))
+  }];
+  if (localization) {
+    columns.push({
+      accessor: 'input.locale',
+      active: true,
+      field: {
+        name: '',
+        type: 'text'
+      },
+      Heading: /*#__PURE__*/_jsx("span", {
+        children: t('general:locale')
+      }),
+      renderedCells: docs.map(doc => {
+        if (doc.input.locale) {
+          const matchedLocale = localization.locales.find(locale => locale.code === doc.input.locale);
+          if (matchedLocale) {
+            return /*#__PURE__*/_jsx("span", {
+              children: getTranslation(matchedLocale.label, i18n)
+            }, doc.id);
+          }
+        }
+        return /*#__PURE__*/_jsx("span", {
+          children: t('general:all')
+        }, doc.id);
+      })
+    });
+  }
+  return columns;
+};
+//# sourceMappingURL=buildUpcomingColumns.js.map

package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildUpcomingColumns.js","names":["getTranslation","formatDate","Pill","buildUpcomingColumns","dateFormat","docs","i18n","localization","t","columns","accessor","active","field","name","type","Heading","_jsx","renderedCells","map","doc","input","_jsxs","pillStyle","id","date","waitUntil","pattern","push","locale","matchedLocale","locales","find","code","label"],"sources":["../../../../src/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.tsx"],"sourcesContent":["import type { ClientConfig } from 'payload'\n\nimport { getTranslation, type I18nClient, type TFunction } from '@payloadcms/translations'\n\nimport type { Column } from '../../Table/index.js'\nimport type { UpcomingEvent } from './types.js'\n\nimport { formatDate } from '../../../utilities/formatDate.js'\nimport { Pill } from '../../Pill/index.js'\n\ntype Args = {\n  dateFormat: string\n  docs: UpcomingEvent[]\n  i18n: I18nClient\n  localization: ClientConfig['localization']\n  t: TFunction\n}\n\nexport const buildUpcomingColumns = ({\n  dateFormat,\n  docs,\n  i18n,\n  localization,\n  t,\n}: Args): Column[] => {\n  const columns: Column[] = [\n    {\n      accessor: 'input.type',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('version:type')}</span>,\n      renderedCells: docs.map((doc) => {\n        const type = doc.input?.type\n\n        return (\n          <Pill key={doc.id} pillStyle={type === 'publish' ? 'success' : 'warning'}>\n            {type === 'publish' && t('version:publish')}\n            {type === 'unpublish' && t('version:unpublish')}\n          </Pill>\n        )\n      }),\n    },\n    {\n      accessor: 'waitUntil',\n      active: true,\n      field: {\n        name: '',\n        type: 'date',\n      },\n      Heading: <span>{t('general:time')}</span>,\n      renderedCells: docs.map((doc) => (\n        <span key={doc.id}>{formatDate({ date: doc.waitUntil, i18n, pattern: dateFormat })}</span>\n      )),\n    },\n  ]\n\n  if (localization) {\n    columns.push({\n      accessor: 'input.locale',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <span>{t('general:locale')}</span>,\n      renderedCells: docs.map((doc) => {\n        if (doc.input.locale) {\n          const matchedLocale = localization.locales.find(\n            (locale) => locale.code === doc.input.locale,\n          )\n          if (matchedLocale) {\n            return <span key={doc.id}>{getTranslation(matchedLocale.label, i18n)}</span>\n          }\n        }\n\n        return <span key={doc.id}>{t('general:all')}</span>\n      }),\n    })\n  }\n\n  return columns\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAyC;AAKhE,SAASC,UAAU,QAAQ;AAC3B,SAASC,IAAI,QAAQ;AAUrB,OAAO,MAAMC,oBAAA,GAAuBA,CAAC;EACnCC,UAAU;EACVC,IAAI;EACJC,IAAI;EACJC,YAAY;EACZC;AAAC,CACI;EACL,MAAMC,OAAA,GAAoB,CACxB;IACEC,QAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,KAAA,EAAO;MACLC,IAAA,EAAM;MACNC,IAAA,EAAM;IACR;IACAC,OAAA,eAASC,IAAA,CAAC;gBAAMR,CAAA,CAAE;;IAClBS,aAAA,EAAeZ,IAAA,CAAKa,GAAG,CAAEC,GAAA;MACvB,MAAML,IAAA,GAAOK,GAAA,CAAIC,KAAK,EAAEN,IAAA;MAExB,oBACEO,KAAA,CAACnB,IAAA;QAAkBoB,SAAA,EAAWR,IAAA,KAAS,YAAY,YAAY;mBAC5DA,IAAA,KAAS,aAAaN,CAAA,CAAE,oBACxBM,IAAA,KAAS,eAAeN,CAAA,CAAE;SAFlBW,GAAA,CAAII,EAAE;IAKrB;EACF,GACA;IACEb,QAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,KAAA,EAAO;MACLC,IAAA,EAAM;MACNC,IAAA,EAAM;IACR;IACAC,OAAA,eAASC,IAAA,CAAC;gBAAMR,CAAA,CAAE;;IAClBS,aAAA,EAAeZ,IAAA,CAAKa,GAAG,CAAEC,GAAA,iBACvBH,IAAA,CAAC;gBAAmBf,UAAA,CAAW;QAAEuB,IAAA,EAAML,GAAA,CAAIM,SAAS;QAAEnB,IAAA;QAAMoB,OAAA,EAAStB;MAAW;OAArEe,GAAA,CAAII,EAAE;EAErB,EACD;EAED,IAAIhB,YAAA,EAAc;IAChBE,OAAA,CAAQkB,IAAI,CAAC;MACXjB,QAAA,EAAU;MACVC,MAAA,EAAQ;MACRC,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,IAAA,EAAM;MACR;MACAC,OAAA,eAASC,IAAA,CAAC;kBAAMR,CAAA,CAAE;;MAClBS,aAAA,EAAeZ,IAAA,CAAKa,GAAG,CAAEC,GAAA;QACvB,IAAIA,GAAA,CAAIC,KAAK,CAACQ,MAAM,EAAE;UACpB,MAAMC,aAAA,GAAgBtB,YAAA,CAAauB,OAAO,CAACC,IAAI,CAC5CH,MAAA,IAAWA,MAAA,CAAOI,IAAI,KAAKb,GAAA,CAAIC,KAAK,CAACQ,MAAM;UAE9C,IAAIC,aAAA,EAAe;YACjB,oBAAOb,IAAA,CAAC;wBAAmBhB,cAAA,CAAe6B,aAAA,CAAcI,KAAK,EAAE3B,IAAA;eAA7Ca,GAAA,CAAII,EAAE;UAC1B;QACF;QAEA,oBAAOP,IAAA,CAAC;oBAAmBR,CAAA,CAAE;WAAXW,GAAA,CAAII,EAAE;MAC1B;IACF;EACF;EAEA,OAAOd,OAAA;AACT","ignoreList":[]}

package/dist/elements/PublishButton/ScheduleDrawer/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+type Props = {
+    slug: string;
+};
+export declare const ScheduleDrawer: React.FC<Props>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/PublishButton/ScheduleDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/PublishButton/ScheduleDrawer/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuBzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAOD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkN1C,CAAA"}

package/dist/elements/PublishButton/ScheduleDrawer/index.js

@@ -0,0 +1,260 @@
+/* eslint-disable no-console */'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { toast } from 'sonner';
+import { FieldLabel } from '../../../fields/FieldLabel/index.js';
+import { Radio } from '../../../fields/RadioGroup/Radio/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useServerFunctions } from '../../../providers/ServerFunctions/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { requests } from '../../../utilities/api.js';
+import { Banner } from '../../Banner/index.js';
+import { DrawerCloseButton } from '../../BulkUpload/DrawerCloseButton/index.js';
+import { Button } from '../../Button/index.js';
+import { DatePickerField } from '../../DatePicker/index.js';
+import { Drawer } from '../../Drawer/index.js';
+import { Gutter } from '../../Gutter/index.js';
+import { ReactSelect } from '../../ReactSelect/index.js';
+import { ShimmerEffect } from '../../ShimmerEffect/index.js';
+import { Table } from '../../Table/index.js';
+import { buildUpcomingColumns } from './buildUpcomingColumns.js';
+import './index.scss';
+const baseClass = 'schedule-publish';
+const defaultLocaleOption = {
+  label: 'All',
+  value: 'all'
+};
+export const ScheduleDrawer = ({
+  slug
+}) => {
+  const {
+    toggleModal
+  } = useModal();
+  const {
+    config: {
+      admin: {
+        dateFormat
+      },
+      localization,
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const {
+    id,
+    collectionSlug,
+    globalSlug,
+    title
+  } = useDocumentInfo();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    schedulePublish
+  } = useServerFunctions();
+  const [type, setType] = React.useState('publish');
+  const [date, setDate] = React.useState();
+  const [locale, setLocale] = React.useState(defaultLocaleOption);
+  const [processing, setProcessing] = React.useState(false);
+  const modalTitle = t('general:schedulePublishFor', {
+    title
+  });
+  const [upcoming, setUpcoming] = React.useState();
+  const [upcomingColumns, setUpcomingColumns] = React.useState();
+  const localeOptions = React.useMemo(() => {
+    if (localization) {
+      const options = localization.locales.map(({
+        code,
+        label
+      }) => ({
+        label: getTranslation(label, i18n),
+        value: code
+      }));
+      options.unshift(defaultLocaleOption);
+      return options;
+    }
+    return [];
+  }, [localization, i18n]);
+  const fetchUpcoming = React.useCallback(async () => {
+    const params = {
+      sort: 'waitUntil',
+      where: {
+        and: [{
+          taskSlug: {
+            equals: 'schedulePublish'
+          }
+        }, {
+          waitUntil: {
+            greater_than: new Date()
+          }
+        }]
+      }
+    };
+    if (collectionSlug) {
+      params.where.and.push({
+        'input.doc.value': {
+          equals: id
+        }
+      });
+      params.where.and.push({
+        'input.doc.relationTo': {
+          equals: collectionSlug
+        }
+      });
+    }
+    if (globalSlug) {
+      params.where.and.push({
+        'input.global': {
+          equals: globalSlug
+        }
+      });
+    }
+    const {
+      docs
+    } = await requests.get(`${serverURL}${api}/payload-jobs`, {
+      params
+    }).then(res => res.json());
+    setUpcomingColumns(buildUpcomingColumns({
+      dateFormat,
+      docs,
+      i18n,
+      localization,
+      t
+    }));
+    setUpcoming(docs);
+  }, [api, collectionSlug, dateFormat, globalSlug, i18n, id, serverURL, t, localization]);
+  const handleSave = React.useCallback(async () => {
+    if (!date) {
+      return toast.error(t('general:noDateSelected'));
+    }
+    setProcessing(true);
+    let publishSpecificLocale;
+    if (typeof locale === 'object' && locale.value !== 'all' && type === 'publish') {
+      publishSpecificLocale = locale.value;
+    }
+    try {
+      await schedulePublish({
+        type,
+        date,
+        doc: collectionSlug ? {
+          relationTo: collectionSlug,
+          value: id
+        } : undefined,
+        global: globalSlug || undefined,
+        locale: publishSpecificLocale
+      });
+      setDate(undefined);
+      toast.success(t('version:scheduledSuccessfully'));
+      void fetchUpcoming();
+    } catch (err) {
+      console.error(err);
+      toast.error(err.message);
+    }
+    setProcessing(false);
+  }, [date, t, schedulePublish, type, locale, collectionSlug, id, globalSlug, fetchUpcoming]);
+  React.useEffect(() => {
+    if (!upcoming) {
+      const fetchInitialUpcoming = async () => {
+        await fetchUpcoming();
+      };
+      void fetchInitialUpcoming();
+    }
+  }, [upcoming, fetchUpcoming]);
+  return /*#__PURE__*/_jsxs(Drawer, {
+    className: baseClass,
+    gutter: false,
+    Header: /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__drawer-header`,
+      children: [/*#__PURE__*/_jsx("h2", {
+        title: modalTitle,
+        children: modalTitle
+      }), /*#__PURE__*/_jsx(DrawerCloseButton, {
+        onClick: () => toggleModal(slug)
+      })]
+    }),
+    slug: slug,
+    children: [/*#__PURE__*/_jsxs(Gutter, {
+      className: `${baseClass}__scheduler`,
+      children: [/*#__PURE__*/_jsx(FieldLabel, {
+        label: t('version:type'),
+        required: true
+      }), /*#__PURE__*/_jsxs("ul", {
+        className: `${baseClass}__type`,
+        children: [/*#__PURE__*/_jsx("li", {
+          children: /*#__PURE__*/_jsx(Radio, {
+            id: `${slug}-type`,
+            isSelected: type === 'publish',
+            onChange: () => setType('publish'),
+            option: {
+              label: t('version:publish'),
+              value: 'publish'
+            },
+            path: `${slug}-type`,
+            readOnly: processing
+          })
+        }), /*#__PURE__*/_jsx("li", {
+          children: /*#__PURE__*/_jsx(Radio, {
+            id: `${slug}-type`,
+            isSelected: type === 'unpublish',
+            onChange: () => setType('unpublish'),
+            option: {
+              label: t('version:unpublish'),
+              value: 'unpublish'
+            },
+            path: `${slug}-type`,
+            readOnly: processing
+          })
+        })]
+      }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(FieldLabel, {
+        label: t('general:time'),
+        required: true
+      }), /*#__PURE__*/_jsx(DatePickerField, {
+        minDate: new Date(),
+        onChange: e => setDate(e),
+        pickerAppearance: "dayAndTime",
+        readOnly: processing,
+        timeIntervals: 5,
+        value: date
+      }), /*#__PURE__*/_jsx("br", {}), localeOptions.length > 0 && type === 'publish' && /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [/*#__PURE__*/_jsx(FieldLabel, {
+          label: t('localization:localeToPublish')
+        }), /*#__PURE__*/_jsx(ReactSelect, {
+          onChange: e_0 => setLocale(e_0),
+          options: localeOptions,
+          value: locale
+        }), /*#__PURE__*/_jsx("br", {})]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__actions`,
+        children: [/*#__PURE__*/_jsx(Button, {
+          buttonStyle: "primary",
+          disabled: processing,
+          onClick: handleSave,
+          type: "button",
+          children: t('general:save')
+        }), processing ? /*#__PURE__*/_jsx("span", {
+          children: t('general:saving')
+        }) : null]
+      })]
+    }), /*#__PURE__*/_jsxs(Gutter, {
+      className: `${baseClass}__upcoming`,
+      children: [/*#__PURE__*/_jsx("h4", {
+        children: t('general:upcomingEvents')
+      }), !upcoming && /*#__PURE__*/_jsx(ShimmerEffect, {}), upcoming?.length === 0 && /*#__PURE__*/_jsx(Banner, {
+        type: "info",
+        children: t('general:noUpcomingEventsScheduled')
+      }), upcoming?.length > 0 && /*#__PURE__*/_jsx(Table, {
+        appearance: "condensed",
+        columns: upcomingColumns,
+        data: upcoming
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/PublishButton/ScheduleDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useModal","getTranslation","React","toast","FieldLabel","Radio","useConfig","useDocumentInfo","useServerFunctions","useTranslation","requests","Banner","DrawerCloseButton","Button","DatePickerField","Drawer","Gutter","ReactSelect","ShimmerEffect","Table","buildUpcomingColumns","baseClass","defaultLocaleOption","label","value","ScheduleDrawer","slug","toggleModal","config","admin","dateFormat","localization","routes","api","serverURL","id","collectionSlug","globalSlug","title","i18n","t","schedulePublish","type","setType","useState","date","setDate","locale","setLocale","processing","setProcessing","modalTitle","upcoming","setUpcoming","upcomingColumns","setUpcomingColumns","localeOptions","useMemo","options","locales","map","code","unshift","fetchUpcoming","useCallback","params","sort","where","and","taskSlug","equals","waitUntil","greater_than","Date","push","docs","get","then","res","json","handleSave","error","publishSpecificLocale","doc","relationTo","undefined","global","success","err","console","message","useEffect","fetchInitialUpcoming","_jsxs","className","gutter","Header","_jsx","onClick","required","isSelected","onChange","option","path","readOnly","minDate","e","pickerAppearance","timeIntervals","length","Fragment","buttonStyle","disabled","appearance","columns","data"],"sources":["../../../../src/elements/PublishButton/ScheduleDrawer/index.tsx"],"sourcesContent":["/* eslint-disable no-console */\n'use client'\n\nimport type { Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport type { Column } from '../../Table/index.js'\nimport type { PublishType, UpcomingEvent } from './types.js'\n\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { Radio } from '../../../fields/RadioGroup/Radio/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { Banner } from '../../Banner/index.js'\nimport { DrawerCloseButton } from '../../BulkUpload/DrawerCloseButton/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DatePickerField } from '../../DatePicker/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { Gutter } from '../../Gutter/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { ShimmerEffect } from '../../ShimmerEffect/index.js'\nimport { Table } from '../../Table/index.js'\nimport { buildUpcomingColumns } from './buildUpcomingColumns.js'\nimport './index.scss'\n\nconst baseClass = 'schedule-publish'\n\ntype Props = {\n  slug: string\n}\n\nconst defaultLocaleOption = {\n  label: 'All',\n  value: 'all',\n}\n\nexport const ScheduleDrawer: React.FC<Props> = ({ slug }) => {\n  const { toggleModal } = useModal()\n  const {\n    config: {\n      admin: { dateFormat },\n      localization,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { id, collectionSlug, globalSlug, title } = useDocumentInfo()\n  const { i18n, t } = useTranslation()\n  const { schedulePublish } = useServerFunctions()\n  const [type, setType] = React.useState<PublishType>('publish')\n  const [date, setDate] = React.useState<Date>()\n  const [locale, setLocale] = React.useState<{ label: string; value: string }>(defaultLocaleOption)\n  const [processing, setProcessing] = React.useState(false)\n  const modalTitle = t('general:schedulePublishFor', { title })\n  const [upcoming, setUpcoming] = React.useState<UpcomingEvent[]>()\n  const [upcomingColumns, setUpcomingColumns] = React.useState<Column[]>()\n\n  const localeOptions = React.useMemo(() => {\n    if (localization) {\n      const options = localization.locales.map(({ code, label }) => ({\n        label: getTranslation(label, i18n),\n        value: code,\n      }))\n\n      options.unshift(defaultLocaleOption)\n\n      return options\n    }\n\n    return []\n  }, [localization, i18n])\n\n  const fetchUpcoming = React.useCallback(async () => {\n    const params: { sort: string; where: Where } = {\n      sort: 'waitUntil',\n      where: {\n        and: [\n          {\n            taskSlug: {\n              equals: 'schedulePublish',\n            },\n          },\n          {\n            waitUntil: {\n              greater_than: new Date(),\n            },\n          },\n        ],\n      },\n    }\n\n    if (collectionSlug) {\n      params.where.and.push({\n        'input.doc.value': {\n          equals: id,\n        },\n      })\n\n      params.where.and.push({\n        'input.doc.relationTo': {\n          equals: collectionSlug,\n        },\n      })\n    }\n\n    if (globalSlug) {\n      params.where.and.push({\n        'input.global': {\n          equals: globalSlug,\n        },\n      })\n    }\n\n    const { docs } = await requests\n      .get(`${serverURL}${api}/payload-jobs`, { params })\n      .then((res) => res.json())\n\n    setUpcomingColumns(buildUpcomingColumns({ dateFormat, docs, i18n, localization, t }))\n    setUpcoming(docs)\n  }, [api, collectionSlug, dateFormat, globalSlug, i18n, id, serverURL, t, localization])\n\n  const handleSave = React.useCallback(async () => {\n    if (!date) {\n      return toast.error(t('general:noDateSelected'))\n    }\n\n    setProcessing(true)\n\n    let publishSpecificLocale: string\n\n    if (typeof locale === 'object' && locale.value !== 'all' && type === 'publish') {\n      publishSpecificLocale = locale.value\n    }\n\n    try {\n      await schedulePublish({\n        type,\n        date,\n        doc: collectionSlug\n          ? {\n              relationTo: collectionSlug,\n              value: id,\n            }\n          : undefined,\n        global: globalSlug || undefined,\n        locale: publishSpecificLocale,\n      })\n\n      setDate(undefined)\n      toast.success(t('version:scheduledSuccessfully'))\n      void fetchUpcoming()\n    } catch (err) {\n      console.error(err)\n      toast.error(err.message)\n    }\n\n    setProcessing(false)\n  }, [date, t, schedulePublish, type, locale, collectionSlug, id, globalSlug, fetchUpcoming])\n\n  React.useEffect(() => {\n    if (!upcoming) {\n      const fetchInitialUpcoming = async () => {\n        await fetchUpcoming()\n      }\n\n      void fetchInitialUpcoming()\n    }\n  }, [upcoming, fetchUpcoming])\n\n  return (\n    <Drawer\n      className={baseClass}\n      gutter={false}\n      Header={\n        <div className={`${baseClass}__drawer-header`}>\n          <h2 title={modalTitle}>{modalTitle}</h2>\n          <DrawerCloseButton onClick={() => toggleModal(slug)} />\n        </div>\n      }\n      slug={slug}\n    >\n      <Gutter className={`${baseClass}__scheduler`}>\n        <FieldLabel label={t('version:type')} required />\n        <ul className={`${baseClass}__type`}>\n          <li>\n            <Radio\n              id={`${slug}-type`}\n              isSelected={type === 'publish'}\n              onChange={() => setType('publish')}\n              option={{ label: t('version:publish'), value: 'publish' }}\n              path={`${slug}-type`}\n              readOnly={processing}\n            />\n          </li>\n          <li>\n            <Radio\n              id={`${slug}-type`}\n              isSelected={type === 'unpublish'}\n              onChange={() => setType('unpublish')}\n              option={{ label: t('version:unpublish'), value: 'unpublish' }}\n              path={`${slug}-type`}\n              readOnly={processing}\n            />\n          </li>\n        </ul>\n        <br />\n        <FieldLabel label={t('general:time')} required />\n        <DatePickerField\n          minDate={new Date()}\n          onChange={(e) => setDate(e)}\n          pickerAppearance=\"dayAndTime\"\n          readOnly={processing}\n          timeIntervals={5}\n          value={date}\n        />\n        <br />\n        {localeOptions.length > 0 && type === 'publish' && (\n          <React.Fragment>\n            <FieldLabel label={t('localization:localeToPublish')} />\n            <ReactSelect\n              onChange={(e) => setLocale(e as { label: string; value: string })}\n              options={localeOptions}\n              value={locale}\n            />\n            <br />\n          </React.Fragment>\n        )}\n        <div className={`${baseClass}__actions`}>\n          <Button buttonStyle=\"primary\" disabled={processing} onClick={handleSave} type=\"button\">\n            {t('general:save')}\n          </Button>\n          {processing ? <span>{t('general:saving')}</span> : null}\n        </div>\n      </Gutter>\n      <Gutter className={`${baseClass}__upcoming`}>\n        <h4>{t('general:upcomingEvents')}</h4>\n        {!upcoming && <ShimmerEffect />}\n        {upcoming?.length === 0 && (\n          <Banner type=\"info\">{t('general:noUpcomingEventsScheduled')}</Banner>\n        )}\n        {upcoming?.length > 0 && (\n          <Table appearance=\"condensed\" columns={upcomingColumns} data={upcoming} />\n        )}\n      </Gutter>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/PublishButton/ScheduleDrawer/index.scss

@@ -0,0 +1,48 @@
+@layer payload-default {
+  .schedule-publish {
+    &__drawer-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: calc(var(--base) * 2.5) var(--gutter-h);
+      height: 48px;
+      border-bottom: 1px solid var(--theme-border-color);
+
+      h2 {
+        margin: 0;
+      }
+    }
+
+    &__scheduler {
+      padding-top: calc(var(--base) * 2);
+      padding-bottom: calc(var(--base) * 2);
+      border-bottom: 1px solid var(--theme-border-color);
+    }
+
+    &__type {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+
+      li {
+        margin-right: calc(var(--base) * 2);
+      }
+    }
+
+    &__actions {
+      button {
+        margin-right: var(--base);
+      }
+    }
+
+    &__upcoming {
+      padding-top: calc(var(--base) * 2);
+      padding-bottom: calc(var(--base) * 2);
+
+      h4 {
+        margin-bottom: var(--base);
+      }
+    }
+  }
+}

package/dist/elements/PublishButton/ScheduleDrawer/types.d.ts

@@ -0,0 +1,10 @@
+export type PublishType = 'publish' | 'unpublish';
+export type UpcomingEvent = {
+    id: number | string;
+    input: {
+        locale?: string;
+        type: PublishType;
+    };
+    waitUntil: Date;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/PublishButton/ScheduleDrawer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/PublishButton/ScheduleDrawer/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,CAAA;AAEjD,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE;QACL,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,IAAI,EAAE,WAAW,CAAA;KAClB,CAAA;IACD,SAAS,EAAE,IAAI,CAAA;CAChB,CAAA"}

package/dist/elements/PublishButton/ScheduleDrawer/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/PublishButton/ScheduleDrawer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/PublishButton/ScheduleDrawer/types.ts"],"sourcesContent":["export type PublishType = 'publish' | 'unpublish'\n\nexport type UpcomingEvent = {\n  id: number | string\n  input: {\n    locale?: string\n    type: PublishType\n  }\n  waitUntil: Date\n}\n"],"mappings":"AAEA","ignoreList":[]}

package/dist/elements/PublishButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishButton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAa1C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAmJtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAc1C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAyLtD,CAAA"}