@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

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

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */ 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { TZDateMini as TZDate } from '@date-fns/tz/date/mini';
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
@@ -251,35 +251,51 @@ export const ScheduleDrawer = ({ slug, defaultType, schedulePublishConfig })=>{
     }, [
         date
     ]);
-    return /*#__PURE__*/ _jsxs(Drawer, {
+    return /*#__PURE__*/ _jsxDEV(Drawer, {
         className: baseClass,
         gutter: false,
-        Header: /*#__PURE__*/ _jsxs("div", {
+        Header: /*#__PURE__*/ _jsxDEV("div", {
             className: `${baseClass}__drawer-header`,
             children: [
-                /*#__PURE__*/ _jsx("h2", {
+                /*#__PURE__*/ _jsxDEV("h2", {
                     title: modalTitle,
                     children: modalTitle
-                }),
-                /*#__PURE__*/ _jsx(DrawerCloseButton, {
+                }, void 0, false, {
+                    fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                    lineNumber: 308,
+                    columnNumber: 11
+                }, void 0),
+                /*#__PURE__*/ _jsxDEV(DrawerCloseButton, {
                     onClick: ()=>toggleModal(slug)
-                })
+                }, void 0, false, {
+                    fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                    lineNumber: 309,
+                    columnNumber: 11
+                }, void 0)
             ]
-        }),
+        }, void 0, true, {
+            fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+            lineNumber: 307,
+            columnNumber: 9
+        }, void 0),
         slug: slug,
         children: [
-            /*#__PURE__*/ _jsxs(Gutter, {
+            /*#__PURE__*/ _jsxDEV(Gutter, {
                 className: `${baseClass}__scheduler`,
                 children: [
-                    /*#__PURE__*/ _jsx(FieldLabel, {
+                    /*#__PURE__*/ _jsxDEV(FieldLabel, {
                         label: t('version:type'),
                         required: true
-                    }),
-                    /*#__PURE__*/ _jsxs("ul", {
+                    }, void 0, false, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 315,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("ul", {
                         className: `${baseClass}__type`,
                         children: [
-                            /*#__PURE__*/ _jsx("li", {
-                                children: /*#__PURE__*/ _jsx(Radio, {
+                            /*#__PURE__*/ _jsxDEV("li", {
+                                children: /*#__PURE__*/ _jsxDEV(Radio, {
                                     id: `${slug}-type`,
                                     isSelected: type === 'publish',
                                     onChange: ()=>setType('publish'),
@@ -289,10 +305,18 @@ export const ScheduleDrawer = ({ slug, defaultType, schedulePublishConfig })=>{
                                     },
                                     path: `${slug}-type`,
                                     readOnly: processing
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("li", {
-                                children: /*#__PURE__*/ _jsx(Radio, {
+                                }, void 0, false, {
+                                    fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                                    lineNumber: 318,
+                                    columnNumber: 13
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                                lineNumber: 317,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("li", {
+                                children: /*#__PURE__*/ _jsxDEV(Radio, {
                                     id: `${slug}-type`,
                                     isSelected: type === 'unpublish',
                                     onChange: ()=>setType('unpublish'),
@@ -302,17 +326,37 @@ export const ScheduleDrawer = ({ slug, defaultType, schedulePublishConfig })=>{
                                     },
                                     path: `${slug}-type`,
                                     readOnly: processing
-                                })
-                            })
+                                }, void 0, false, {
+                                    fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                                    lineNumber: 328,
+                                    columnNumber: 13
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                                lineNumber: 327,
+                                columnNumber: 11
+                            }, this)
                         ]
-                    }),
-                    /*#__PURE__*/ _jsx("br", {}),
-                    /*#__PURE__*/ _jsx(FieldLabel, {
+                    }, void 0, true, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 316,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("br", {}, void 0, false, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 338,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(FieldLabel, {
                         label: t('general:time'),
                         path: 'time',
                         required: true
-                    }),
-                    /*#__PURE__*/ _jsx(DatePickerField, {
+                    }, void 0, false, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 339,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(DatePickerField, {
                         id: "time",
                         maxTime: endOfToday(),
                         minDate: new Date(),
@@ -323,65 +367,133 @@ export const ScheduleDrawer = ({ slug, defaultType, schedulePublishConfig })=>{
                         timeFormat: schedulePublishConfig?.timeFormat,
                         timeIntervals: schedulePublishConfig?.timeIntervals ?? 5,
                         value: displayedValue
-                    }),
-                    supportedTimezones.length > 0 && /*#__PURE__*/ _jsx(TimezonePicker, {
+                    }, void 0, false, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 340,
+                        columnNumber: 9
+                    }, this),
+                    supportedTimezones.length > 0 && /*#__PURE__*/ _jsxDEV(TimezonePicker, {
                         id: `timezone-picker`,
                         onChange: setTimezone,
                         options: supportedTimezones,
                         selectedTimezone: timezone
-                    }),
-                    /*#__PURE__*/ _jsx("br", {}),
-                    localeOptions.length > 0 && type === 'publish' && /*#__PURE__*/ _jsxs(React.Fragment, {
+                    }, void 0, false, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 353,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("br", {}, void 0, false, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 360,
+                        columnNumber: 9
+                    }, this),
+                    localeOptions.length > 0 && type === 'publish' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                         children: [
-                            /*#__PURE__*/ _jsx(FieldLabel, {
+                            /*#__PURE__*/ _jsxDEV(FieldLabel, {
                                 label: t('localization:localeToPublish')
-                            }),
-                            /*#__PURE__*/ _jsx(ReactSelect, {
+                            }, void 0, false, {
+                                fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                                lineNumber: 363,
+                                columnNumber: 13
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(ReactSelect, {
                                 onChange: (e)=>setLocale(e),
                                 options: localeOptions,
                                 value: locale
-                            }),
-                            /*#__PURE__*/ _jsx("br", {})
+                            }, void 0, false, {
+                                fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                                lineNumber: 364,
+                                columnNumber: 13
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("br", {}, void 0, false, {
+                                fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                                lineNumber: 369,
+                                columnNumber: 13
+                            }, this)
                         ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
+                    }, void 0, true, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 362,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__actions`,
                         children: [
-                            /*#__PURE__*/ _jsx(Button, {
+                            /*#__PURE__*/ _jsxDEV(Button, {
                                 buttonStyle: "primary",
                                 disabled: processing,
                                 id: "scheduled-publish-save",
                                 onClick: handleSave,
                                 type: "button",
                                 children: t('general:save')
-                            }),
-                            processing ? /*#__PURE__*/ _jsx("span", {
+                            }, void 0, false, {
+                                fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                                lineNumber: 373,
+                                columnNumber: 11
+                            }, this),
+                            processing ? /*#__PURE__*/ _jsxDEV("span", {
                                 children: t('general:saving')
-                            }) : null
+                            }, void 0, false, {
+                                fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                                lineNumber: 382,
+                                columnNumber: 25
+                            }, this) : null
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 372,
+                        columnNumber: 9
+                    }, this)
                 ]
-            }),
-            /*#__PURE__*/ _jsxs(Gutter, {
+            }, void 0, true, {
+                fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                lineNumber: 314,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(Gutter, {
                 className: `${baseClass}__upcoming`,
                 children: [
-                    /*#__PURE__*/ _jsx("h4", {
+                    /*#__PURE__*/ _jsxDEV("h4", {
                         children: t('general:upcomingEvents')
-                    }),
-                    !upcoming && /*#__PURE__*/ _jsx(ShimmerEffect, {}),
-                    upcoming?.length === 0 && /*#__PURE__*/ _jsx(Banner, {
+                    }, void 0, false, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 386,
+                        columnNumber: 9
+                    }, this),
+                    !upcoming && /*#__PURE__*/ _jsxDEV(ShimmerEffect, {}, void 0, false, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 387,
+                        columnNumber: 23
+                    }, this),
+                    upcoming?.length === 0 && /*#__PURE__*/ _jsxDEV(Banner, {
                         type: "info",
                         children: t('general:noUpcomingEventsScheduled')
-                    }),
-                    upcoming?.length > 0 && /*#__PURE__*/ _jsx(Table, {
+                    }, void 0, false, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 389,
+                        columnNumber: 11
+                    }, this),
+                    upcoming?.length > 0 && /*#__PURE__*/ _jsxDEV(Table, {
                         appearance: "condensed",
                         columns: upcomingColumns,
                         data: upcoming
-                    })
+                    }, void 0, false, {
+                        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                        lineNumber: 392,
+                        columnNumber: 11
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+                lineNumber: 385,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/PublishButton/ScheduleDrawer/index.tsx",
+        lineNumber: 303,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/PublishButton/ScheduleDrawer/index.tsx"],"sourcesContent":["/* eslint-disable no-console */\n'use client'\n\nimport type { Column, SchedulePublish, Where } from 'payload'\n\nimport { TZDateMini as TZDate } from '@date-fns/tz/date/mini'\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { endOfToday, isToday, startOfDay } from 'date-fns'\nimport { transpose } from 'date-fns/transpose'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\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 { useDocumentTitle } from '../../../providers/DocumentTitle/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 './index.scss'\nimport { ShimmerEffect } from '../../ShimmerEffect/index.js'\nimport { Table } from '../../Table/index.js'\nimport { TimezonePicker } from '../../TimezonePicker/index.js'\nimport { buildUpcomingColumns } from './buildUpcomingColumns.js'\n\nconst baseClass = 'schedule-publish'\n\ntype Props = {\n  defaultType?: PublishType\n  schedulePublishConfig?: SchedulePublish\n  slug: string\n}\n\nconst defaultLocaleOption = {\n  label: 'All',\n  value: 'all',\n}\n\nexport const ScheduleDrawer: React.FC<Props> = ({ slug, defaultType, schedulePublishConfig }) => {\n  const { toggleModal } = useModal()\n  const {\n    config: {\n      admin: {\n        dateFormat,\n        timezones: { defaultTimezone, supportedTimezones },\n      },\n      localization,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  const { i18n, t } = useTranslation()\n  const { schedulePublish } = useServerFunctions()\n  const [type, setType] = React.useState<PublishType>(defaultType || 'publish')\n  const [date, setDate] = React.useState<Date>()\n  const [timezone, setTimezone] = React.useState<string>(defaultTimezone)\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  const deleteHandlerRef = React.useRef<((id: number | string) => Promise<void>) | null>(() => null)\n\n  // Get the user timezone so we can adjust the displayed value against it\n  const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone\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 query: { 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      query.where.and.push({\n        'input.doc.value': {\n          equals: String(id),\n        },\n      })\n      query.where.and.push({\n        'input.doc.relationTo': {\n          equals: collectionSlug,\n        },\n      })\n    }\n\n    if (globalSlug) {\n      query.where.and.push({\n        'input.global': {\n          equals: globalSlug,\n        },\n      })\n    }\n\n    const { docs } = await requests\n      .post(`${serverURL}${api}/payload-jobs`, {\n        body: qs.stringify(query),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/x-www-form-urlencoded',\n          'X-Payload-HTTP-Method-Override': 'GET',\n        },\n      })\n      .then((res) => res.json())\n\n    setUpcomingColumns(\n      buildUpcomingColumns({\n        dateFormat,\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        deleteHandler: deleteHandlerRef.current,\n        docs,\n        i18n,\n        localization,\n        supportedTimezones,\n        t,\n      }),\n    )\n    setUpcoming(docs)\n  }, [\n    collectionSlug,\n    globalSlug,\n    serverURL,\n    api,\n    i18n,\n    dateFormat,\n    localization,\n    supportedTimezones,\n    t,\n    id,\n  ])\n\n  const deleteHandler = React.useCallback(\n    async (id: number | string) => {\n      try {\n        await schedulePublish({\n          deleteID: id,\n        })\n        await fetchUpcoming()\n        toast.success(t('general:deletedSuccessfully'))\n      } catch (err) {\n        console.error(err)\n        toast.error(err.message)\n      }\n    },\n    [fetchUpcoming, schedulePublish, t],\n  )\n\n  React.useEffect(() => {\n    deleteHandlerRef.current = deleteHandler\n  }, [deleteHandler])\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: String(id),\n            }\n          : undefined,\n        global: globalSlug || undefined,\n        locale: publishSpecificLocale,\n        timezone,\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  }, [\n    date,\n    locale,\n    type,\n    t,\n    schedulePublish,\n    collectionSlug,\n    id,\n    globalSlug,\n    timezone,\n    fetchUpcoming,\n  ])\n\n  const displayedValue = useMemo(() => {\n    if (timezone && userTimezone && date) {\n      // Create TZDate instances for the selected timezone and the user's timezone\n      // These instances allow us to transpose the date between timezones while keeping the same time value\n      const DateWithOriginalTz = TZDate.tz(timezone)\n      const DateWithUserTz = TZDate.tz(userTimezone)\n\n      const modifiedDate = new TZDate(date).withTimeZone(timezone)\n\n      // Transpose the date to the selected timezone\n      const dateWithTimezone = transpose(modifiedDate, DateWithOriginalTz)\n\n      // Transpose the date to the user's timezone - this is necessary because the react-datepicker component insists on displaying the date in the user's timezone\n      const dateWithUserTimezone = transpose(dateWithTimezone, DateWithUserTz)\n\n      return dateWithUserTimezone.toISOString()\n    }\n\n    return date\n  }, [timezone, date, userTimezone])\n\n  const onChangeDate = useCallback(\n    (incomingDate: Date) => {\n      if (timezone && incomingDate) {\n        // Create TZDate instances for the selected timezone\n        const tzDateWithUTC = TZDate.tz(timezone)\n\n        // Creates a TZDate instance for the user's timezone  — this is default behaviour of TZDate as it wraps the Date constructor\n        const dateToUserTz = new TZDate(incomingDate)\n\n        // Transpose the date to the selected timezone\n        const dateWithTimezone = transpose(dateToUserTz, tzDateWithUTC)\n\n        setDate(dateWithTimezone || null)\n      } else {\n        setDate(incomingDate || null)\n      }\n    },\n    [setDate, timezone],\n  )\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  const minTime = useMemo(() => {\n    if (date && isToday(date)) {\n      return new Date()\n    }\n\n    return startOfDay(new Date())\n  }, [date])\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')} path={'time'} required />\n        <DatePickerField\n          id=\"time\"\n          maxTime={endOfToday()}\n          minDate={new Date()}\n          minTime={minTime}\n          onChange={(e) => onChangeDate(e)}\n          pickerAppearance=\"dayAndTime\"\n          readOnly={processing}\n          timeFormat={schedulePublishConfig?.timeFormat}\n          timeIntervals={schedulePublishConfig?.timeIntervals ?? 5}\n          value={displayedValue}\n        />\n        {supportedTimezones.length > 0 && (\n          <TimezonePicker\n            id={`timezone-picker`}\n            onChange={setTimezone}\n            options={supportedTimezones}\n            selectedTimezone={timezone}\n          />\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\n            buttonStyle=\"primary\"\n            disabled={processing}\n            id=\"scheduled-publish-save\"\n            onClick={handleSave}\n            type=\"button\"\n          >\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"],"names":["TZDateMini","TZDate","useModal","getTranslation","endOfToday","isToday","startOfDay","transpose","qs","React","useCallback","useMemo","toast","FieldLabel","Radio","useConfig","useDocumentInfo","useDocumentTitle","useServerFunctions","useTranslation","requests","Banner","DrawerCloseButton","Button","DatePickerField","Drawer","Gutter","ReactSelect","ShimmerEffect","Table","TimezonePicker","buildUpcomingColumns","baseClass","defaultLocaleOption","label","value","ScheduleDrawer","slug","defaultType","schedulePublishConfig","toggleModal","config","admin","dateFormat","timezones","defaultTimezone","supportedTimezones","localization","routes","api","serverURL","id","collectionSlug","globalSlug","title","i18n","t","schedulePublish","type","setType","useState","date","setDate","timezone","setTimezone","locale","setLocale","processing","setProcessing","modalTitle","upcoming","setUpcoming","upcomingColumns","setUpcomingColumns","deleteHandlerRef","useRef","userTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","localeOptions","options","locales","map","code","unshift","fetchUpcoming","query","sort","where","and","taskSlug","equals","waitUntil","greater_than","Date","push","String","docs","post","body","stringify","headers","language","then","res","json","deleteHandler","current","deleteID","success","err","console","error","message","useEffect","handleSave","publishSpecificLocale","doc","relationTo","undefined","global","displayedValue","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","onChangeDate","incomingDate","tzDateWithUTC","dateToUserTz","fetchInitialUpcoming","minTime","className","gutter","Header","div","h2","onClick","required","ul","li","isSelected","onChange","option","path","readOnly","br","maxTime","minDate","e","pickerAppearance","timeFormat","timeIntervals","length","selectedTimezone","Fragment","buttonStyle","disabled","span","h4","appearance","columns","data"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/PublishButton/ScheduleDrawer/index.tsx"],"sourcesContent":["/* eslint-disable no-console */\n'use client'\n\nimport type { Column, SchedulePublish, Where } from 'payload'\n\nimport { TZDateMini as TZDate } from '@date-fns/tz/date/mini'\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { endOfToday, isToday, startOfDay } from 'date-fns'\nimport { transpose } from 'date-fns/transpose'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\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 { useDocumentTitle } from '../../../providers/DocumentTitle/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 './index.scss'\nimport { ShimmerEffect } from '../../ShimmerEffect/index.js'\nimport { Table } from '../../Table/index.js'\nimport { TimezonePicker } from '../../TimezonePicker/index.js'\nimport { buildUpcomingColumns } from './buildUpcomingColumns.js'\n\nconst baseClass = 'schedule-publish'\n\ntype Props = {\n  defaultType?: PublishType\n  schedulePublishConfig?: SchedulePublish\n  slug: string\n}\n\nconst defaultLocaleOption = {\n  label: 'All',\n  value: 'all',\n}\n\nexport const ScheduleDrawer: React.FC<Props> = ({ slug, defaultType, schedulePublishConfig }) => {\n  const { toggleModal } = useModal()\n  const {\n    config: {\n      admin: {\n        dateFormat,\n        timezones: { defaultTimezone, supportedTimezones },\n      },\n      localization,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  const { i18n, t } = useTranslation()\n  const { schedulePublish } = useServerFunctions()\n  const [type, setType] = React.useState<PublishType>(defaultType || 'publish')\n  const [date, setDate] = React.useState<Date>()\n  const [timezone, setTimezone] = React.useState<string>(defaultTimezone)\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  const deleteHandlerRef = React.useRef<((id: number | string) => Promise<void>) | null>(() => null)\n\n  // Get the user timezone so we can adjust the displayed value against it\n  const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone\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 query: { 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      query.where.and.push({\n        'input.doc.value': {\n          equals: String(id),\n        },\n      })\n      query.where.and.push({\n        'input.doc.relationTo': {\n          equals: collectionSlug,\n        },\n      })\n    }\n\n    if (globalSlug) {\n      query.where.and.push({\n        'input.global': {\n          equals: globalSlug,\n        },\n      })\n    }\n\n    const { docs } = await requests\n      .post(`${serverURL}${api}/payload-jobs`, {\n        body: qs.stringify(query),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/x-www-form-urlencoded',\n          'X-Payload-HTTP-Method-Override': 'GET',\n        },\n      })\n      .then((res) => res.json())\n\n    setUpcomingColumns(\n      buildUpcomingColumns({\n        dateFormat,\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        deleteHandler: deleteHandlerRef.current,\n        docs,\n        i18n,\n        localization,\n        supportedTimezones,\n        t,\n      }),\n    )\n    setUpcoming(docs)\n  }, [\n    collectionSlug,\n    globalSlug,\n    serverURL,\n    api,\n    i18n,\n    dateFormat,\n    localization,\n    supportedTimezones,\n    t,\n    id,\n  ])\n\n  const deleteHandler = React.useCallback(\n    async (id: number | string) => {\n      try {\n        await schedulePublish({\n          deleteID: id,\n        })\n        await fetchUpcoming()\n        toast.success(t('general:deletedSuccessfully'))\n      } catch (err) {\n        console.error(err)\n        toast.error(err.message)\n      }\n    },\n    [fetchUpcoming, schedulePublish, t],\n  )\n\n  React.useEffect(() => {\n    deleteHandlerRef.current = deleteHandler\n  }, [deleteHandler])\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: String(id),\n            }\n          : undefined,\n        global: globalSlug || undefined,\n        locale: publishSpecificLocale,\n        timezone,\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  }, [\n    date,\n    locale,\n    type,\n    t,\n    schedulePublish,\n    collectionSlug,\n    id,\n    globalSlug,\n    timezone,\n    fetchUpcoming,\n  ])\n\n  const displayedValue = useMemo(() => {\n    if (timezone && userTimezone && date) {\n      // Create TZDate instances for the selected timezone and the user's timezone\n      // These instances allow us to transpose the date between timezones while keeping the same time value\n      const DateWithOriginalTz = TZDate.tz(timezone)\n      const DateWithUserTz = TZDate.tz(userTimezone)\n\n      const modifiedDate = new TZDate(date).withTimeZone(timezone)\n\n      // Transpose the date to the selected timezone\n      const dateWithTimezone = transpose(modifiedDate, DateWithOriginalTz)\n\n      // Transpose the date to the user's timezone - this is necessary because the react-datepicker component insists on displaying the date in the user's timezone\n      const dateWithUserTimezone = transpose(dateWithTimezone, DateWithUserTz)\n\n      return dateWithUserTimezone.toISOString()\n    }\n\n    return date\n  }, [timezone, date, userTimezone])\n\n  const onChangeDate = useCallback(\n    (incomingDate: Date) => {\n      if (timezone && incomingDate) {\n        // Create TZDate instances for the selected timezone\n        const tzDateWithUTC = TZDate.tz(timezone)\n\n        // Creates a TZDate instance for the user's timezone  — this is default behaviour of TZDate as it wraps the Date constructor\n        const dateToUserTz = new TZDate(incomingDate)\n\n        // Transpose the date to the selected timezone\n        const dateWithTimezone = transpose(dateToUserTz, tzDateWithUTC)\n\n        setDate(dateWithTimezone || null)\n      } else {\n        setDate(incomingDate || null)\n      }\n    },\n    [setDate, timezone],\n  )\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  const minTime = useMemo(() => {\n    if (date && isToday(date)) {\n      return new Date()\n    }\n\n    return startOfDay(new Date())\n  }, [date])\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')} path={'time'} required />\n        <DatePickerField\n          id=\"time\"\n          maxTime={endOfToday()}\n          minDate={new Date()}\n          minTime={minTime}\n          onChange={(e) => onChangeDate(e)}\n          pickerAppearance=\"dayAndTime\"\n          readOnly={processing}\n          timeFormat={schedulePublishConfig?.timeFormat}\n          timeIntervals={schedulePublishConfig?.timeIntervals ?? 5}\n          value={displayedValue}\n        />\n        {supportedTimezones.length > 0 && (\n          <TimezonePicker\n            id={`timezone-picker`}\n            onChange={setTimezone}\n            options={supportedTimezones}\n            selectedTimezone={timezone}\n          />\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\n            buttonStyle=\"primary\"\n            disabled={processing}\n            id=\"scheduled-publish-save\"\n            onClick={handleSave}\n            type=\"button\"\n          >\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"],"names":["TZDateMini","TZDate","useModal","getTranslation","endOfToday","isToday","startOfDay","transpose","qs","React","useCallback","useMemo","toast","FieldLabel","Radio","useConfig","useDocumentInfo","useDocumentTitle","useServerFunctions","useTranslation","requests","Banner","DrawerCloseButton","Button","DatePickerField","Drawer","Gutter","ReactSelect","ShimmerEffect","Table","TimezonePicker","buildUpcomingColumns","baseClass","defaultLocaleOption","label","value","ScheduleDrawer","slug","defaultType","schedulePublishConfig","toggleModal","config","admin","dateFormat","timezones","defaultTimezone","supportedTimezones","localization","routes","api","serverURL","id","collectionSlug","globalSlug","title","i18n","t","schedulePublish","type","setType","useState","date","setDate","timezone","setTimezone","locale","setLocale","processing","setProcessing","modalTitle","upcoming","setUpcoming","upcomingColumns","setUpcomingColumns","deleteHandlerRef","useRef","userTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","localeOptions","options","locales","map","code","unshift","fetchUpcoming","query","sort","where","and","taskSlug","equals","waitUntil","greater_than","Date","push","String","docs","post","body","stringify","headers","language","then","res","json","deleteHandler","current","deleteID","success","err","console","error","message","useEffect","handleSave","publishSpecificLocale","doc","relationTo","undefined","global","displayedValue","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","onChangeDate","incomingDate","tzDateWithUTC","dateToUserTz","fetchInitialUpcoming","minTime","className","gutter","Header","div","h2","onClick","required","ul","li","isSelected","onChange","option","path","readOnly","br","maxTime","minDate","e","pickerAppearance","timeFormat","timeIntervals","length","selectedTimezone","Fragment","buttonStyle","disabled","span","h4","appearance","columns","data"],"mappings":"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"}

package/dist/elements/PublishButton/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { hasAutosaveEnabled, hasScheduledPublishEnabled } from 'payload/shared';
 import * as qs from 'qs-esm';
@@ -163,51 +163,83 @@ export function PublishButton({ label: labelProp }) {
     if (!hasPublishPermission) {
         return null;
     }
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(FormSubmit, {
+            /*#__PURE__*/ _jsxDEV(FormSubmit, {
                 buttonId: "action-save",
                 disabled: !canPublish,
                 enableSubMenu: canSchedulePublish,
                 onClick: isDefaultPublishAll ? publish : ()=>publishSpecificLocale(activeLocale.code),
                 size: "medium",
                 SubMenuPopupContent: isSpecificLocalePublishEnabled || canSchedulePublish ? ({ close })=>{
-                    return /*#__PURE__*/ _jsxs(React.Fragment, {
+                    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
                         children: [
-                            canSchedulePublish && /*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
-                                children: /*#__PURE__*/ _jsx(PopupList.Button, {
+                            canSchedulePublish && /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                                children: /*#__PURE__*/ _jsxDEV(PopupList.Button, {
                                     id: "schedule-publish",
                                     onClick: ()=>[
                                             toggleModal(drawerSlug),
                                             close()
                                         ],
                                     children: t('version:schedulePublish')
-                                })
-                            }, "schedule-publish"),
-                            isSpecificLocalePublishEnabled && /*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
-                                children: /*#__PURE__*/ _jsx(PopupList.Button, {
+                                }, void 0, false, {
+                                    fileName: "src/elements/PublishButton/index.tsx",
+                                    lineNumber: 225,
+                                    columnNumber: 25
+                                }, void 0)
+                            }, "schedule-publish", false, {
+                                fileName: "src/elements/PublishButton/index.tsx",
+                                lineNumber: 224,
+                                columnNumber: 23
+                            }, void 0),
+                            isSpecificLocalePublishEnabled && /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                                children: /*#__PURE__*/ _jsxDEV(PopupList.Button, {
                                     id: "publish-locale",
                                     onClick: isDefaultPublishAll ? ()=>publishSpecificLocale(activeLocale.code) : publish,
                                     children: isDefaultPublishAll ? t('version:publishIn', {
                                         locale: activeLocaleLabel
                                     }) : t('version:publishAllLocales')
-                                })
-                            })
+                                }, void 0, false, {
+                                    fileName: "src/elements/PublishButton/index.tsx",
+                                    lineNumber: 235,
+                                    columnNumber: 25
+                                }, void 0)
+                            }, void 0, false, {
+                                fileName: "src/elements/PublishButton/index.tsx",
+                                lineNumber: 234,
+                                columnNumber: 23
+                            }, void 0)
                         ]
-                    });
+                    }, void 0, true, {
+                        fileName: "src/elements/PublishButton/index.tsx",
+                        lineNumber: 222,
+                        columnNumber: 19
+                    }, void 0);
                 } : undefined,
                 type: "button",
                 children: !isDefaultPublishAll ? t('version:publishIn', {
                     locale: activeLocaleLabel
                 }) : label
-            }),
-            canSchedulePublish && isModalOpen(drawerSlug) && /*#__PURE__*/ _jsx(ScheduleDrawer, {
+            }, void 0, false, {
+                fileName: "src/elements/PublishButton/index.tsx",
+                lineNumber: 212,
+                columnNumber: 7
+            }, this),
+            canSchedulePublish && isModalOpen(drawerSlug) && /*#__PURE__*/ _jsxDEV(ScheduleDrawer, {
                 defaultType: !hasNewerVersions ? 'unpublish' : 'publish',
                 schedulePublishConfig: scheduledPublishEnabled && typeof entityConfig.versions.drafts.schedulePublish === 'object' ? entityConfig.versions.drafts.schedulePublish : undefined,
                 slug: drawerSlug
-            })
+            }, void 0, false, {
+                fileName: "src/elements/PublishButton/index.tsx",
+                lineNumber: 259,
+                columnNumber: 9
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/PublishButton/index.tsx",
+        lineNumber: 211,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { PublishButtonClientProps } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { hasAutosaveEnabled, hasScheduledPublishEnabled } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { traverseForLocalizedFields } from '../../utilities/traverseForLocalizedFields.js'\nimport { PopupList } from '../Popup/index.js'\nimport { ScheduleDrawer } from './ScheduleDrawer/index.js'\n\nexport function PublishButton({ label: labelProp }: PublishButtonClientProps) {\n  const {\n    id,\n    collectionSlug,\n    globalSlug,\n    hasPublishedDoc,\n    hasPublishPermission,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n    uploadStatus,\n  } = useDocumentInfo()\n\n  const { config, getEntityConfig } = useConfig()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const editDepth = useEditDepth()\n  const { code: localeCode } = useLocale()\n  const { isModalOpen, toggleModal } = useModal()\n\n  const drawerSlug = `schedule-publish-${id}`\n\n  const {\n    localization,\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { t } = useTranslation()\n  const label = labelProp || t('version:publishChanges')\n\n  const entityConfig = React.useMemo(() => {\n    if (collectionSlug) {\n      return getEntityConfig({ collectionSlug })\n    }\n\n    if (globalSlug) {\n      return getEntityConfig({ globalSlug })\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const hasNewerVersions = unpublishedVersionCount > 0\n\n  const canPublish =\n    hasPublishPermission &&\n    (modified || hasNewerVersions || !hasPublishedDoc) &&\n    uploadStatus !== 'uploading'\n\n  const scheduledPublishEnabled = hasScheduledPublishEnabled(entityConfig)\n\n  // If autosave is enabled the modified will always be true so only conditionally check on modified state\n  const hasAutosave = hasAutosaveEnabled(entityConfig)\n\n  const canSchedulePublish = Boolean(\n    scheduledPublishEnabled &&\n      hasPublishPermission &&\n      (globalSlug || (collectionSlug && id)) &&\n      (hasAutosave || !modified),\n  )\n\n  const [hasLocalizedFields, setHasLocalizedFields] = useState(false)\n\n  useEffect(() => {\n    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields)\n    setHasLocalizedFields(hasLocalizedField)\n  }, [entityConfig?.fields])\n\n  const isSpecificLocalePublishEnabled = localization && hasLocalizedFields && hasPublishPermission\n\n  const operation = useOperation()\n\n  const disabled = operation === 'update' && !modified\n\n  const saveDraft = useCallback(async () => {\n    if (disabled) {\n      return\n    }\n\n    const search = `?locale=${localeCode}&depth=0&fallback-locale=null&draft=true`\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [submit, collectionSlug, globalSlug, serverURL, api, localeCode, id, disabled])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (saveDraft && hasAutosave) {\n      void saveDraft()\n    }\n  })\n\n  const publish = useCallback(async () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    const result = await submit({\n      overrides: {\n        _status: 'published',\n      },\n    })\n\n    if (result) {\n      setUnpublishedVersionCount(0)\n      setMostRecentVersionIsAutosaved(false)\n      setHasPublishedDoc(true)\n    }\n  }, [\n    setHasPublishedDoc,\n    submit,\n    setUnpublishedVersionCount,\n    uploadStatus,\n    setMostRecentVersionIsAutosaved,\n  ])\n\n  const publishSpecificLocale = useCallback(\n    async (locale) => {\n      if (uploadStatus === 'uploading') {\n        return\n      }\n\n      const params = qs.stringify({\n        depth: 0,\n        publishSpecificLocale: locale,\n      })\n\n      const action = `${serverURL}${api}${\n        globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}${id ? `/${id}` : ''}`\n      }${params ? '?' + params : ''}`\n\n      const result = await submit({\n        action,\n        overrides: {\n          _status: 'published',\n        },\n      })\n\n      if (result) {\n        setHasPublishedDoc(true)\n      }\n    },\n    [api, collectionSlug, globalSlug, id, serverURL, setHasPublishedDoc, submit, uploadStatus],\n  )\n\n  // Publish to all locales unless there are localized fields AND defaultLocalePublishOption is 'active'\n  const isDefaultPublishAll =\n    !isSpecificLocalePublishEnabled ||\n    (localization && localization?.defaultLocalePublishOption !== 'active')\n\n  const activeLocale =\n    localization &&\n    localization?.locales.find((locale) =>\n      typeof locale === 'string' ? locale === localeCode : locale.code === localeCode,\n    )\n\n  const activeLocaleLabel =\n    activeLocale &&\n    (typeof activeLocale.label === 'string'\n      ? activeLocale.label\n      : (activeLocale.label?.[localeCode] ?? undefined))\n\n  if (!hasPublishPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <FormSubmit\n        buttonId=\"action-save\"\n        disabled={!canPublish}\n        enableSubMenu={canSchedulePublish}\n        onClick={isDefaultPublishAll ? publish : () => publishSpecificLocale(activeLocale.code)}\n        size=\"medium\"\n        SubMenuPopupContent={\n          isSpecificLocalePublishEnabled || canSchedulePublish\n            ? ({ close }) => {\n                return (\n                  <React.Fragment>\n                    {canSchedulePublish && (\n                      <PopupList.ButtonGroup key=\"schedule-publish\">\n                        <PopupList.Button\n                          id=\"schedule-publish\"\n                          onClick={() => [toggleModal(drawerSlug), close()]}\n                        >\n                          {t('version:schedulePublish')}\n                        </PopupList.Button>\n                      </PopupList.ButtonGroup>\n                    )}\n                    {isSpecificLocalePublishEnabled && (\n                      <PopupList.ButtonGroup>\n                        <PopupList.Button\n                          id=\"publish-locale\"\n                          onClick={\n                            isDefaultPublishAll\n                              ? () => publishSpecificLocale(activeLocale.code)\n                              : publish\n                          }\n                        >\n                          {isDefaultPublishAll\n                            ? t('version:publishIn', { locale: activeLocaleLabel })\n                            : t('version:publishAllLocales')}\n                        </PopupList.Button>\n                      </PopupList.ButtonGroup>\n                    )}\n                  </React.Fragment>\n                )\n              }\n            : undefined\n        }\n        type=\"button\"\n      >\n        {!isDefaultPublishAll ? t('version:publishIn', { locale: activeLocaleLabel }) : label}\n      </FormSubmit>\n      {canSchedulePublish && isModalOpen(drawerSlug) && (\n        <ScheduleDrawer\n          defaultType={!hasNewerVersions ? 'unpublish' : 'publish'}\n          schedulePublishConfig={\n            scheduledPublishEnabled &&\n            typeof entityConfig.versions.drafts.schedulePublish === 'object'\n              ? entityConfig.versions.drafts.schedulePublish\n              : undefined\n          }\n          slug={drawerSlug}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","hasAutosaveEnabled","hasScheduledPublishEnabled","qs","React","useCallback","useEffect","useState","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","traverseForLocalizedFields","PopupList","ScheduleDrawer","PublishButton","label","labelProp","id","collectionSlug","globalSlug","hasPublishedDoc","hasPublishPermission","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","uploadStatus","config","getEntityConfig","submit","modified","editDepth","code","localeCode","isModalOpen","toggleModal","drawerSlug","localization","routes","api","serverURL","t","entityConfig","useMemo","hasNewerVersions","canPublish","scheduledPublishEnabled","hasAutosave","canSchedulePublish","Boolean","hasLocalizedFields","setHasLocalizedFields","hasLocalizedField","fields","isSpecificLocalePublishEnabled","operation","disabled","saveDraft","search","action","method","overrides","_status","skipValidation","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","publish","result","publishSpecificLocale","locale","params","stringify","depth","isDefaultPublishAll","defaultLocalePublishOption","activeLocale","locales","find","activeLocaleLabel","undefined","Fragment","buttonId","enableSubMenu","onClick","size","SubMenuPopupContent","close","ButtonGroup","Button","type","defaultType","schedulePublishConfig","versions","drafts","schedulePublish","slug"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/PublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { PublishButtonClientProps } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { hasAutosaveEnabled, hasScheduledPublishEnabled } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { traverseForLocalizedFields } from '../../utilities/traverseForLocalizedFields.js'\nimport { PopupList } from '../Popup/index.js'\nimport { ScheduleDrawer } from './ScheduleDrawer/index.js'\n\nexport function PublishButton({ label: labelProp }: PublishButtonClientProps) {\n  const {\n    id,\n    collectionSlug,\n    globalSlug,\n    hasPublishedDoc,\n    hasPublishPermission,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n    uploadStatus,\n  } = useDocumentInfo()\n\n  const { config, getEntityConfig } = useConfig()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const editDepth = useEditDepth()\n  const { code: localeCode } = useLocale()\n  const { isModalOpen, toggleModal } = useModal()\n\n  const drawerSlug = `schedule-publish-${id}`\n\n  const {\n    localization,\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { t } = useTranslation()\n  const label = labelProp || t('version:publishChanges')\n\n  const entityConfig = React.useMemo(() => {\n    if (collectionSlug) {\n      return getEntityConfig({ collectionSlug })\n    }\n\n    if (globalSlug) {\n      return getEntityConfig({ globalSlug })\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const hasNewerVersions = unpublishedVersionCount > 0\n\n  const canPublish =\n    hasPublishPermission &&\n    (modified || hasNewerVersions || !hasPublishedDoc) &&\n    uploadStatus !== 'uploading'\n\n  const scheduledPublishEnabled = hasScheduledPublishEnabled(entityConfig)\n\n  // If autosave is enabled the modified will always be true so only conditionally check on modified state\n  const hasAutosave = hasAutosaveEnabled(entityConfig)\n\n  const canSchedulePublish = Boolean(\n    scheduledPublishEnabled &&\n      hasPublishPermission &&\n      (globalSlug || (collectionSlug && id)) &&\n      (hasAutosave || !modified),\n  )\n\n  const [hasLocalizedFields, setHasLocalizedFields] = useState(false)\n\n  useEffect(() => {\n    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields)\n    setHasLocalizedFields(hasLocalizedField)\n  }, [entityConfig?.fields])\n\n  const isSpecificLocalePublishEnabled = localization && hasLocalizedFields && hasPublishPermission\n\n  const operation = useOperation()\n\n  const disabled = operation === 'update' && !modified\n\n  const saveDraft = useCallback(async () => {\n    if (disabled) {\n      return\n    }\n\n    const search = `?locale=${localeCode}&depth=0&fallback-locale=null&draft=true`\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [submit, collectionSlug, globalSlug, serverURL, api, localeCode, id, disabled])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (saveDraft && hasAutosave) {\n      void saveDraft()\n    }\n  })\n\n  const publish = useCallback(async () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    const result = await submit({\n      overrides: {\n        _status: 'published',\n      },\n    })\n\n    if (result) {\n      setUnpublishedVersionCount(0)\n      setMostRecentVersionIsAutosaved(false)\n      setHasPublishedDoc(true)\n    }\n  }, [\n    setHasPublishedDoc,\n    submit,\n    setUnpublishedVersionCount,\n    uploadStatus,\n    setMostRecentVersionIsAutosaved,\n  ])\n\n  const publishSpecificLocale = useCallback(\n    async (locale) => {\n      if (uploadStatus === 'uploading') {\n        return\n      }\n\n      const params = qs.stringify({\n        depth: 0,\n        publishSpecificLocale: locale,\n      })\n\n      const action = `${serverURL}${api}${\n        globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}${id ? `/${id}` : ''}`\n      }${params ? '?' + params : ''}`\n\n      const result = await submit({\n        action,\n        overrides: {\n          _status: 'published',\n        },\n      })\n\n      if (result) {\n        setHasPublishedDoc(true)\n      }\n    },\n    [api, collectionSlug, globalSlug, id, serverURL, setHasPublishedDoc, submit, uploadStatus],\n  )\n\n  // Publish to all locales unless there are localized fields AND defaultLocalePublishOption is 'active'\n  const isDefaultPublishAll =\n    !isSpecificLocalePublishEnabled ||\n    (localization && localization?.defaultLocalePublishOption !== 'active')\n\n  const activeLocale =\n    localization &&\n    localization?.locales.find((locale) =>\n      typeof locale === 'string' ? locale === localeCode : locale.code === localeCode,\n    )\n\n  const activeLocaleLabel =\n    activeLocale &&\n    (typeof activeLocale.label === 'string'\n      ? activeLocale.label\n      : (activeLocale.label?.[localeCode] ?? undefined))\n\n  if (!hasPublishPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <FormSubmit\n        buttonId=\"action-save\"\n        disabled={!canPublish}\n        enableSubMenu={canSchedulePublish}\n        onClick={isDefaultPublishAll ? publish : () => publishSpecificLocale(activeLocale.code)}\n        size=\"medium\"\n        SubMenuPopupContent={\n          isSpecificLocalePublishEnabled || canSchedulePublish\n            ? ({ close }) => {\n                return (\n                  <React.Fragment>\n                    {canSchedulePublish && (\n                      <PopupList.ButtonGroup key=\"schedule-publish\">\n                        <PopupList.Button\n                          id=\"schedule-publish\"\n                          onClick={() => [toggleModal(drawerSlug), close()]}\n                        >\n                          {t('version:schedulePublish')}\n                        </PopupList.Button>\n                      </PopupList.ButtonGroup>\n                    )}\n                    {isSpecificLocalePublishEnabled && (\n                      <PopupList.ButtonGroup>\n                        <PopupList.Button\n                          id=\"publish-locale\"\n                          onClick={\n                            isDefaultPublishAll\n                              ? () => publishSpecificLocale(activeLocale.code)\n                              : publish\n                          }\n                        >\n                          {isDefaultPublishAll\n                            ? t('version:publishIn', { locale: activeLocaleLabel })\n                            : t('version:publishAllLocales')}\n                        </PopupList.Button>\n                      </PopupList.ButtonGroup>\n                    )}\n                  </React.Fragment>\n                )\n              }\n            : undefined\n        }\n        type=\"button\"\n      >\n        {!isDefaultPublishAll ? t('version:publishIn', { locale: activeLocaleLabel }) : label}\n      </FormSubmit>\n      {canSchedulePublish && isModalOpen(drawerSlug) && (\n        <ScheduleDrawer\n          defaultType={!hasNewerVersions ? 'unpublish' : 'publish'}\n          schedulePublishConfig={\n            scheduledPublishEnabled &&\n            typeof entityConfig.versions.drafts.schedulePublish === 'object'\n              ? entityConfig.versions.drafts.schedulePublish\n              : undefined\n          }\n          slug={drawerSlug}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","hasAutosaveEnabled","hasScheduledPublishEnabled","qs","React","useCallback","useEffect","useState","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","traverseForLocalizedFields","PopupList","ScheduleDrawer","PublishButton","label","labelProp","id","collectionSlug","globalSlug","hasPublishedDoc","hasPublishPermission","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","uploadStatus","config","getEntityConfig","submit","modified","editDepth","code","localeCode","isModalOpen","toggleModal","drawerSlug","localization","routes","api","serverURL","t","entityConfig","useMemo","hasNewerVersions","canPublish","scheduledPublishEnabled","hasAutosave","canSchedulePublish","Boolean","hasLocalizedFields","setHasLocalizedFields","hasLocalizedField","fields","isSpecificLocalePublishEnabled","operation","disabled","saveDraft","search","action","method","overrides","_status","skipValidation","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","publish","result","publishSpecificLocale","locale","params","stringify","depth","isDefaultPublishAll","defaultLocalePublishOption","activeLocale","locales","find","activeLocaleLabel","undefined","Fragment","buttonId","enableSubMenu","onClick","size","SubMenuPopupContent","close","ButtonGroup","Button","type","defaultType","schedulePublishConfig","versions","drafts","schedulePublish","slug"],"mappings":"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"}