@payloadcms/ui 3.68.0-internal-debug.591ab42 → 3.68.0-internal.2b8df4a

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,"file":"index.js","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","_jsxs","className","gutter","Header","_jsx","onClick","required","isSelected","onChange","option","path","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 * 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"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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":[]}

package/dist/elements/PublishButton/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { hasAutosaveEnabled, hasScheduledPublishEnabled } from 'payload/shared';
 import * as qs from 'qs-esm';
@@ -16,230 +17,189 @@ 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 }, serverURL } = config;
-    const { 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 search = `?locale=${localeCode}&depth=0&fallback-locale=null&draft=true`;
-        let action;
-        let method = 'POST';
-        if (collectionSlug) {
-            action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`;
-            if (id) {
-                method = 'PATCH';
-            }
-        }
-        if (globalSlug) {
-            action = `${serverURL}${api}/globals/${globalSlug}${search}`;
-        }
-        await submit({
-            action,
-            method,
-            overrides: {
-                _status: 'draft'
-            },
-            skipValidation: true
-        });
-    }, [
-        submit,
-        collectionSlug,
-        globalSlug,
-        serverURL,
-        api,
-        localeCode,
-        id,
-        disabled
-    ]);
-    useHotkey({
-        cmdCtrlKey: true,
-        editDepth,
-        keyCodes: [
-            's'
-        ]
-    }, (e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-        if (saveDraft && hasAutosave) {
-            void saveDraft();
-        }
+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
+    },
+    serverURL
+  } = config;
+  const {
+    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 search = `?locale=${localeCode}&depth=0&fallback-locale=null&draft=true`;
+    let action;
+    let method = 'POST';
+    if (collectionSlug) {
+      action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`;
+      if (id) {
+        method = 'PATCH';
+      }
+    }
+    if (globalSlug) {
+      action = `${serverURL}${api}/globals/${globalSlug}${search}`;
+    }
+    await submit({
+      action,
+      method,
+      overrides: {
+        _status: 'draft'
+      },
+      skipValidation: true
     });
-    const publish = useCallback(async ()=>{
-        if (uploadStatus === 'uploading') {
-            return;
-        }
-        const result = await submit({
-            overrides: {
-                _status: 'published'
-            }
-        });
-        if (result) {
-            setUnpublishedVersionCount(0);
-            setMostRecentVersionIsAutosaved(false);
-            setHasPublishedDoc(true);
-        }
-    }, [
-        setHasPublishedDoc,
-        submit,
-        setUnpublishedVersionCount,
-        uploadStatus,
-        setMostRecentVersionIsAutosaved
-    ]);
-    const publishSpecificLocale = useCallback(async (locale)=>{
-        if (uploadStatus === 'uploading') {
-            return;
-        }
-        const params = qs.stringify({
-            depth: 0,
-            publishSpecificLocale: locale
-        });
-        const action = `${serverURL}${api}${globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}${id ? `/${id}` : ''}`}${params ? '?' + params : ''}`;
-        const result = await submit({
-            action,
-            overrides: {
-                _status: 'published'
-            }
-        });
-        if (result) {
-            setHasPublishedDoc(true);
-        }
-    }, [
-        api,
-        collectionSlug,
-        globalSlug,
-        id,
-        serverURL,
-        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 && (typeof activeLocale.label === 'string' ? activeLocale.label : activeLocale.label?.[localeCode] ?? undefined);
-    if (!hasPublishPermission) {
-        return null;
+  }, [submit, collectionSlug, globalSlug, serverURL, api, localeCode, id, disabled]);
+  useHotkey({
+    cmdCtrlKey: true,
+    editDepth,
+    keyCodes: ['s']
+  }, e => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (saveDraft && hasAutosave) {
+      void saveDraft();
     }
-    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: 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
-            }, 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);
+  });
+  const publish = useCallback(async () => {
+    if (uploadStatus === 'uploading') {
+      return;
+    }
+    const result = await submit({
+      overrides: {
+        _status: 'published'
+      }
+    });
+    if (result) {
+      setUnpublishedVersionCount(0);
+      setMostRecentVersionIsAutosaved(false);
+      setHasPublishedDoc(true);
+    }
+  }, [setHasPublishedDoc, submit, setUnpublishedVersionCount, uploadStatus, setMostRecentVersionIsAutosaved]);
+  const publishSpecificLocale = useCallback(async locale => {
+    if (uploadStatus === 'uploading') {
+      return;
+    }
+    const params = qs.stringify({
+      depth: 0,
+      publishSpecificLocale: locale
+    });
+    const action_0 = `${serverURL}${api}${globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}${id ? `/${id}` : ''}`}${params ? '?' + params : ''}`;
+    const result_0 = await submit({
+      action: action_0,
+      overrides: {
+        _status: 'published'
+      }
+    });
+    if (result_0) {
+      setHasPublishedDoc(true);
+    }
+  }, [api, collectionSlug, globalSlug, id, serverURL, 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 && (typeof activeLocale.label === 'string' ? activeLocale.label : activeLocale.label?.[localeCode] ?? undefined);
+  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')
+            })
+          })]
+        });
+      } : 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
+    })]
+  });
 }
-
 //# sourceMappingURL=index.js.map