@payloadcms/ui 3.77.0 → 3.78.0-internal-debug.f663370

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TZDateMini","TZDate","useModal","getTranslation","endOfToday","isToday","startOfDay","transpose","formatAdminURL","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","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","apiRoute","path","body","stringify","headers","language","then","res","json","deleteHandler","current","deleteID","success","err","console","error","message","useEffect","handleSave","localeToPublish","doc","relationTo","undefined","global","displayedValue","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","onChangeDate","incomingDate","tzDateWithUTC","dateToUserTz","fetchInitialUpcoming","minTime","_jsxs","className","gutter","Header","_jsx","onClick","required","isSelected","onChange","option","readOnly","maxTime","minDate","e","pickerAppearance","timeFormat","timeIntervals","length","selectedTimezone","Fragment","buttonStyle","disabled","appearance","columns","data"],"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 { formatAdminURL } from 'payload/shared'\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 './index.scss'\nimport { ReactSelect } from '../../ReactSelect/index.js'\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    },\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(formatAdminURL({ apiRoute: api, path: `/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  }, [collectionSlug, globalSlug, api, i18n, dateFormat, localization, supportedTimezones, t, id])\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 localeToPublish: string\n\n    if (typeof locale === 'object' && locale.value !== 'all' && type === 'publish') {\n      localeToPublish = 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        localeToPublish,\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"],"mappings":"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","ignoreList":[]}
+{"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 { formatAdminURL } from 'payload/shared'\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 './index.scss'\nimport { ReactSelect } from '../../ReactSelect/index.js'\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    },\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(formatAdminURL({ apiRoute: api, path: `/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  }, [collectionSlug, globalSlug, api, i18n, dateFormat, localization, supportedTimezones, t, id])\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 localeToPublish: string\n\n    if (typeof locale === 'object' && locale.value !== 'all' && type === 'publish') {\n      localeToPublish = 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        localeToPublish,\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","formatAdminURL","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","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","apiRoute","path","body","stringify","headers","language","then","res","json","deleteHandler","current","deleteID","success","err","console","error","message","useEffect","handleSave","localeToPublish","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","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/ScheduleDrawer/types.js

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

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

@@ -1 +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    timezone?: string\n    type: PublishType\n  }\n  waitUntil: Date\n}\n"],"mappings":"AAEA","ignoreList":[]}
+{"version":3,"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    timezone?: string\n    type: PublishType\n  }\n  waitUntil: Date\n}\n"],"names":[],"mappings":"AAEA,WAQC"}

package/dist/elements/PublishButton/index.js

@@ -1,6 +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 { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL, hasAutosaveEnabled, hasLocalizeStatusEnabled, hasScheduledPublishEnabled } from 'payload/shared';
@@ -18,224 +17,269 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { traverseForLocalizedFields } from '../../utilities/traverseForLocalizedFields.js';
 import { PopupList } from '../Popup/index.js';
 import { ScheduleDrawer } from './ScheduleDrawer/index.js';
-export function PublishButton({
-  label: labelProp
-} = {}) {
-  const {
-    id,
-    collectionSlug,
-    globalSlug,
-    hasPublishedDoc,
-    hasPublishPermission,
-    setHasPublishedDoc,
-    setMostRecentVersionIsAutosaved,
-    setUnpublishedVersionCount,
-    unpublishedVersionCount,
-    uploadStatus
-  } = useDocumentInfo();
-  const {
-    config,
-    getEntityConfig
-  } = useConfig();
-  const {
-    submit
-  } = useForm();
-  const modified = useFormModified();
-  const editDepth = useEditDepth();
-  const {
-    code: localeCode
-  } = useLocale();
-  const {
-    isModalOpen,
-    toggleModal
-  } = useModal();
-  const drawerSlug = `schedule-publish-${id}`;
-  const {
-    localization,
-    routes: {
-      api
-    }
-  } = config;
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const label = labelProp || t('version:publishChanges');
-  const entityConfig = React.useMemo(() => {
-    if (collectionSlug) {
-      return getEntityConfig({
-        collectionSlug
-      });
-    }
-    if (globalSlug) {
-      return getEntityConfig({
-        globalSlug
-      });
-    }
-  }, [collectionSlug, globalSlug, getEntityConfig]);
-  const hasNewerVersions = unpublishedVersionCount > 0;
-  const canPublish = hasPublishPermission && (modified || hasNewerVersions || !hasPublishedDoc) && uploadStatus !== 'uploading';
-  const scheduledPublishEnabled = hasScheduledPublishEnabled(entityConfig);
-  // If autosave is enabled the modified will always be true so only conditionally check on modified state
-  const hasAutosave = hasAutosaveEnabled(entityConfig);
-  const canSchedulePublish = Boolean(scheduledPublishEnabled && hasPublishPermission && (globalSlug || collectionSlug && id) && (hasAutosave || !modified));
-  const [hasLocalizedFields, setHasLocalizedFields] = useState(false);
-  useEffect(() => {
-    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields);
-    setHasLocalizedFields(hasLocalizedField);
-  }, [entityConfig?.fields]);
-  const isSpecificLocalePublishEnabled = localization && hasLocalizedFields && hasPublishPermission;
-  const operation = useOperation();
-  const disabled = operation === 'update' && !modified;
-  const saveDraft = useCallback(async () => {
-    if (disabled) {
-      return;
-    }
-    const params = qs.stringify({
-      depth: 0,
-      draft: true,
-      'fallback-locale': 'null',
-      locale: localeCode
-    }, {
-      addQueryPrefix: true
-    });
-    let action;
-    let method = 'POST';
-    if (collectionSlug) {
-      action = formatAdminURL({
-        apiRoute: api,
-        path: `/${collectionSlug}${id ? `/${id}` : ''}${params}`
-      });
-      if (id) {
-        method = 'PATCH';
-      }
-    }
-    if (globalSlug) {
-      action = formatAdminURL({
-        apiRoute: api,
-        path: `/globals/${globalSlug}${params}`
-      });
-    }
-    await submit({
-      action,
-      method,
-      overrides: {
-        _status: 'draft'
-      },
-      skipValidation: true
-    });
-  }, [disabled, localeCode, collectionSlug, globalSlug, submit, api, id]);
-  useHotkey({
-    cmdCtrlKey: true,
-    editDepth,
-    keyCodes: ['s']
-  }, e => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (saveDraft && hasAutosave) {
-      void saveDraft();
-    }
-  });
-  const localizeStatusEnabled = hasLocalizeStatusEnabled(entityConfig);
-  const publish = useCallback(async () => {
-    if (uploadStatus === 'uploading') {
-      return;
-    }
-    const params_0 = qs.stringify({
-      depth: 0,
-      locale: localeCode,
-      ...(localizeStatusEnabled && {
-        publishAllLocales: true
-      })
-    }, {
-      addQueryPrefix: true
-    });
-    const action_0 = formatAdminURL({
-      apiRoute: api,
-      path: `${globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}${id ? `/${id}` : ''}`}${params_0}`
-    });
-    const result = await submit({
-      action: action_0,
-      overrides: {
-        _status: 'published'
-      }
-    });
-    if (result) {
-      setUnpublishedVersionCount(0);
-      setMostRecentVersionIsAutosaved(false);
-      setHasPublishedDoc(true);
-    }
-  }, [localeCode, localizeStatusEnabled, api, collectionSlug, globalSlug, id, setHasPublishedDoc, submit, setUnpublishedVersionCount, uploadStatus, setMostRecentVersionIsAutosaved]);
-  const publishSpecificLocale = useCallback(async locale => {
-    if (uploadStatus === 'uploading') {
-      return;
-    }
-    const params_1 = qs.stringify({
-      depth: 0,
-      locale,
-      publishSpecificLocale: locale
-    }, {
-      addQueryPrefix: true
-    });
-    const pathSegment = globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}${id ? `/${id}` : ''}`;
-    const action_1 = formatAdminURL({
-      apiRoute: api,
-      path: `${pathSegment}${params_1}`
-    });
-    const result_0 = await submit({
-      action: action_1,
-      overrides: {
-        _status: 'published'
-      }
+export function PublishButton({ label: labelProp } = {}) {
+    const { id, collectionSlug, globalSlug, hasPublishedDoc, hasPublishPermission, setHasPublishedDoc, setMostRecentVersionIsAutosaved, setUnpublishedVersionCount, unpublishedVersionCount, uploadStatus } = useDocumentInfo();
+    const { config, getEntityConfig } = useConfig();
+    const { submit } = useForm();
+    const modified = useFormModified();
+    const editDepth = useEditDepth();
+    const { code: localeCode } = useLocale();
+    const { isModalOpen, toggleModal } = useModal();
+    const drawerSlug = `schedule-publish-${id}`;
+    const { localization, routes: { api } } = config;
+    const { i18n, t } = useTranslation();
+    const label = labelProp || t('version:publishChanges');
+    const entityConfig = React.useMemo(()=>{
+        if (collectionSlug) {
+            return getEntityConfig({
+                collectionSlug
+            });
+        }
+        if (globalSlug) {
+            return getEntityConfig({
+                globalSlug
+            });
+        }
+    }, [
+        collectionSlug,
+        globalSlug,
+        getEntityConfig
+    ]);
+    const hasNewerVersions = unpublishedVersionCount > 0;
+    const canPublish = hasPublishPermission && (modified || hasNewerVersions || !hasPublishedDoc) && uploadStatus !== 'uploading';
+    const scheduledPublishEnabled = hasScheduledPublishEnabled(entityConfig);
+    // If autosave is enabled the modified will always be true so only conditionally check on modified state
+    const hasAutosave = hasAutosaveEnabled(entityConfig);
+    const canSchedulePublish = Boolean(scheduledPublishEnabled && hasPublishPermission && (globalSlug || collectionSlug && id) && (hasAutosave || !modified));
+    const [hasLocalizedFields, setHasLocalizedFields] = useState(false);
+    useEffect(()=>{
+        const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields);
+        setHasLocalizedFields(hasLocalizedField);
+    }, [
+        entityConfig?.fields
+    ]);
+    const isSpecificLocalePublishEnabled = localization && hasLocalizedFields && hasPublishPermission;
+    const operation = useOperation();
+    const disabled = operation === 'update' && !modified;
+    const saveDraft = useCallback(async ()=>{
+        if (disabled) {
+            return;
+        }
+        const params = qs.stringify({
+            depth: 0,
+            draft: true,
+            'fallback-locale': 'null',
+            locale: localeCode
+        }, {
+            addQueryPrefix: true
+        });
+        let action;
+        let method = 'POST';
+        if (collectionSlug) {
+            action = formatAdminURL({
+                apiRoute: api,
+                path: `/${collectionSlug}${id ? `/${id}` : ''}${params}`
+            });
+            if (id) {
+                method = 'PATCH';
+            }
+        }
+        if (globalSlug) {
+            action = formatAdminURL({
+                apiRoute: api,
+                path: `/globals/${globalSlug}${params}`
+            });
+        }
+        await submit({
+            action,
+            method,
+            overrides: {
+                _status: 'draft'
+            },
+            skipValidation: true
+        });
+    }, [
+        disabled,
+        localeCode,
+        collectionSlug,
+        globalSlug,
+        submit,
+        api,
+        id
+    ]);
+    useHotkey({
+        cmdCtrlKey: true,
+        editDepth,
+        keyCodes: [
+            's'
+        ]
+    }, (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        if (saveDraft && hasAutosave) {
+            void saveDraft();
+        }
     });
-    if (result_0) {
-      setHasPublishedDoc(true);
-    }
-  }, [api, collectionSlug, globalSlug, id, setHasPublishedDoc, submit, uploadStatus]);
-  // Publish to all locales unless there are localized fields AND defaultLocalePublishOption is 'active'
-  const isDefaultPublishAll = !isSpecificLocalePublishEnabled || localization && localization?.defaultLocalePublishOption !== 'active';
-  const activeLocale = localization && localization?.locales.find(locale_0 => typeof locale_0 === 'string' ? locale_0 === localeCode : locale_0.code === localeCode);
-  const activeLocaleLabel = activeLocale && getTranslation(activeLocale.label, i18n);
-  if (!hasPublishPermission) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(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, {
-          children: [canSchedulePublish && /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
-            children: /*#__PURE__*/_jsx(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, {
-              id: "publish-locale",
-              onClick: isDefaultPublishAll ? () => publishSpecificLocale(activeLocale.code) : publish,
-              children: isDefaultPublishAll ? t('version:publishIn', {
-                locale: activeLocaleLabel
-              }) : t('version:publishAllLocales')
-            })
-          })]
+    const localizeStatusEnabled = hasLocalizeStatusEnabled(entityConfig);
+    const publish = useCallback(async ()=>{
+        if (uploadStatus === 'uploading') {
+            return;
+        }
+        const params = qs.stringify({
+            depth: 0,
+            locale: localeCode,
+            ...localizeStatusEnabled && {
+                publishAllLocales: true
+            }
+        }, {
+            addQueryPrefix: true
         });
-      } : undefined,
-      type: "button",
-      children: !isDefaultPublishAll ? t('version:publishIn', {
-        locale: activeLocaleLabel
-      }) : label
-    }), canSchedulePublish && isModalOpen(drawerSlug) && /*#__PURE__*/_jsx(ScheduleDrawer, {
-      defaultType: !hasNewerVersions ? 'unpublish' : 'publish',
-      schedulePublishConfig: scheduledPublishEnabled && typeof entityConfig.versions.drafts.schedulePublish === 'object' ? entityConfig.versions.drafts.schedulePublish : undefined,
-      slug: drawerSlug
-    })]
-  });
+        const action = formatAdminURL({
+            apiRoute: api,
+            path: `${globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}${id ? `/${id}` : ''}`}${params}`
+        });
+        const result = await submit({
+            action,
+            overrides: {
+                _status: 'published'
+            }
+        });
+        if (result) {
+            setUnpublishedVersionCount(0);
+            setMostRecentVersionIsAutosaved(false);
+            setHasPublishedDoc(true);
+        }
+    }, [
+        localeCode,
+        localizeStatusEnabled,
+        api,
+        collectionSlug,
+        globalSlug,
+        id,
+        setHasPublishedDoc,
+        submit,
+        setUnpublishedVersionCount,
+        uploadStatus,
+        setMostRecentVersionIsAutosaved
+    ]);
+    const publishSpecificLocale = useCallback(async (locale)=>{
+        if (uploadStatus === 'uploading') {
+            return;
+        }
+        const params = qs.stringify({
+            depth: 0,
+            locale,
+            publishSpecificLocale: locale
+        }, {
+            addQueryPrefix: true
+        });
+        const pathSegment = globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}${id ? `/${id}` : ''}`;
+        const action = formatAdminURL({
+            apiRoute: api,
+            path: `${pathSegment}${params}`
+        });
+        const result = await submit({
+            action,
+            overrides: {
+                _status: 'published'
+            }
+        });
+        if (result) {
+            setHasPublishedDoc(true);
+        }
+    }, [
+        api,
+        collectionSlug,
+        globalSlug,
+        id,
+        setHasPublishedDoc,
+        submit,
+        uploadStatus
+    ]);
+    // Publish to all locales unless there are localized fields AND defaultLocalePublishOption is 'active'
+    const isDefaultPublishAll = !isSpecificLocalePublishEnabled || localization && localization?.defaultLocalePublishOption !== 'active';
+    const activeLocale = localization && localization?.locales.find((locale)=>typeof locale === 'string' ? locale === localeCode : locale.code === localeCode);
+    const activeLocaleLabel = activeLocale && getTranslation(activeLocale.label, i18n);
+    if (!hasPublishPermission) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxDEV(FormSubmit, {
+                buttonId: "action-save",
+                disabled: !canPublish,
+                enableSubMenu: canSchedulePublish,
+                onClick: isDefaultPublishAll ? publish : ()=>publishSpecificLocale(activeLocale.code),
+                size: "medium",
+                SubMenuPopupContent: isSpecificLocalePublishEnabled || canSchedulePublish ? ({ close })=>{
+                    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                        children: [
+                            canSchedulePublish && /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                                children: /*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                                    id: "schedule-publish",
+                                    onClick: ()=>[
+                                            toggleModal(drawerSlug),
+                                            close()
+                                        ],
+                                    children: t('version:schedulePublish')
+                                }, void 0, false, {
+                                    fileName: "src/elements/PublishButton/index.tsx",
+                                    lineNumber: 276,
+                                    columnNumber: 25
+                                }, void 0)
+                            }, "schedule-publish", false, {
+                                fileName: "src/elements/PublishButton/index.tsx",
+                                lineNumber: 275,
+                                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: 286,
+                                    columnNumber: 25
+                                }, void 0)
+                            }, void 0, false, {
+                                fileName: "src/elements/PublishButton/index.tsx",
+                                lineNumber: 285,
+                                columnNumber: 23
+                            }, void 0)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/PublishButton/index.tsx",
+                        lineNumber: 273,
+                        columnNumber: 19
+                    }, void 0);
+                } : undefined,
+                type: "button",
+                children: !isDefaultPublishAll ? t('version:publishIn', {
+                    locale: activeLocaleLabel
+                }) : label
+            }, void 0, false, {
+                fileName: "src/elements/PublishButton/index.tsx",
+                lineNumber: 263,
+                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: 310,
+                columnNumber: 9
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/PublishButton/index.tsx",
+        lineNumber: 262,
+        columnNumber: 5
+    }, this);
 }
+
 //# sourceMappingURL=index.js.map