@payloadcms/ui 4.0.0-internal.ccea85d → 4.0.0-internal.cd47d20

package/dist/elements/PreviewButton/index.js

@@ -8,7 +8,7 @@ import { usePreviewURL } from '../../providers/LivePreview/context.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import { Tooltip } from '../Tooltip/index.js';
-export function PreviewButton(props) {
+export function PreviewButton() {
   const $ = _c(9);
   const {
     previewURL
@@ -20,11 +20,16 @@ export function PreviewButton(props) {
   const [hovered, setHovered] = useState(false);
   let t0;
   if ($[0] !== previewURL) {
-    t0 = async () => {
-      if (previewURL) {
-        await navigator.clipboard.writeText(previewURL);
-        setCopied(true);
+    t0 = async event => {
+      if (!previewURL) {
+        return;
       }
+      if (event.metaKey || event.ctrlKey) {
+        window.open(previewURL, "_blank", "noopener,noreferrer");
+        return;
+      }
+      await navigator.clipboard.writeText(previewURL);
+      setCopied(true);
     };
     $[0] = previewURL;
     $[1] = t0;
@@ -70,6 +75,7 @@ export function PreviewButton(props) {
         onClick: handleClick
       }), _jsx(Tooltip, {
         delay: 0,
+        id: "preview-button-tooltip",
         show: hovered || copied,
         children: label
       })]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useState","LinkIcon","usePreviewURL","useTranslation","Button","Tooltip","PreviewButton","props","$","previewURL","t","copied","setCopied","hovered","setHovered","t0","navigator","clipboard","writeText","handleClick","t1","label","t2","t3","Symbol","for","_jsxs","onPointerEnter","onPointerLeave","style","position","children","_jsx","buttonStyle","icon","size","onClick","delay","show"],"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport type { PreviewButtonClientProps } from 'payload'\n\nimport React, { useCallback, useState } from 'react'\n\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { usePreviewURL } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\n\nexport function PreviewButton(props: PreviewButtonClientProps) {\n  const { previewURL } = usePreviewURL()\n  const { t } = useTranslation()\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n\n  const handleClick = useCallback(async () => {\n    if (previewURL) {\n      await navigator.clipboard.writeText(previewURL)\n      setCopied(true)\n    }\n  }, [previewURL])\n\n  if (!previewURL) {\n    return null\n  }\n\n  const label = copied ? t('general:copied') : t('general:copy')\n\n  return (\n    <span\n      onPointerEnter={() => {\n        setHovered(true)\n        setCopied(false)\n      }}\n      onPointerLeave={() => {\n        setHovered(false)\n        setCopied(false)\n      }}\n      style={{ position: 'relative' }}\n    >\n      <Button\n        buttonStyle=\"ghost\"\n        icon={<LinkIcon size={24} />}\n        id=\"preview-button\"\n        onClick={handleClick}\n      />\n      <Tooltip delay={0} show={hovered || copied}>\n        {label}\n      </Tooltip>\n    </span>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,WAAW,EAAEC,QAAQ,QAAQ;AAE7C,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,QAAQ;AAExB,OAAO,SAAAC,cAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACL;IAAAY;EAAA,IAAuBP,aAAA;EACvB;IAAAQ;EAAA,IAAcP,cAAA;EACd,OAAAQ,MAAA,EAAAC,SAAA,IAA4BZ,QAAA,MAAS;EACrC,OAAAa,OAAA,EAAAC,UAAA,IAA8Bd,QAAA,MAAS;EAAA,IAAAe,EAAA;EAAA,IAAAP,CAAA,QAAAC,UAAA;IAEPM,EAAA,SAAAA,CAAA;MAAA,IAC1BN,UAAA;QAAA,MACIO,SAAA,CAAAC,SAAA,CAAAC,SAAA,CAA8BT,UAAA;QACpCG,SAAA,KAAU;MAAA;IAAA;IAEdJ,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EALA,MAAAW,WAAA,GAAoBJ,EAKL;EAAA,KAEVN,UAAA;IAAA;EAAA;EAAA,IAAAW,EAAA;EAAA,IAAAZ,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAW,WAAA,IAAAX,CAAA,QAAAK,OAAA,IAAAL,CAAA,QAAAE,CAAA;IAIL,MAAAW,KAAA,GAAcV,MAAA,GAASD,CAAA,CAAE,oBAAoBA,CAAA,CAAE;IAAA,IAAAY,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAAf,CAAA,QAAAgB,MAAA,CAAAC,GAAA;MAI3BH,EAAA,GAAAA,CAAA;QACdR,UAAA,KAAW;QACXF,SAAA,MAAU;MAAA;MAEIW,EAAA,GAAAA,CAAA;QACdT,UAAA,MAAW;QACXF,SAAA,MAAU;MAAA;MACZJ,CAAA,MAAAc,EAAA;MAAAd,CAAA,MAAAe,EAAA;IAAA;MAAAD,EAAA,GAAAd,CAAA;MAAAe,EAAA,GAAAf,CAAA;IAAA;IARFY,EAAA,GAAAM,KAAA,CAAC;MAAAC,cAAA,EACiBL,EAGhB;MAAAM,cAAA,EACgBL,EAGhB;MAAAM,KAAA;QAAAC,QAAA,EACmB;MAAA;MAAAC,QAAA,GAEnBC,IAAA,CAAA5B,MAAA;QAAA6B,WAAA,EACc;QAAAC,IAAA,EACNF,IAAA,CAAA/B,QAAA;UAAAkC,IAAA;QAAA,C;YACH;QAAAC,OAAA,EACMjB;MAAA,C,GAEXa,IAAA,CAAA3B,OAAA;QAAAgC,KAAA;QAAAC,IAAA,EAAyBzB,OAAA,IAAWF,MAAA;QAAAoB,QAAA,EACjCV;MAAA,C;;;;;;;;;;SAlBLD,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useState","LinkIcon","usePreviewURL","useTranslation","Button","Tooltip","PreviewButton","$","previewURL","t","copied","setCopied","hovered","setHovered","t0","event","metaKey","ctrlKey","window","open","navigator","clipboard","writeText","handleClick","t1","label","t2","t3","Symbol","for","_jsxs","onPointerEnter","onPointerLeave","style","position","children","_jsx","buttonStyle","icon","size","onClick","delay","id","show"],"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useState } from 'react'\n\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { usePreviewURL } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\n\nexport function PreviewButton() {\n  const { previewURL } = usePreviewURL()\n  const { t } = useTranslation()\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n\n  const handleClick = useCallback(\n    async (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (!previewURL) {\n        return\n      }\n\n      if (event.metaKey || event.ctrlKey) {\n        window.open(previewURL, '_blank', 'noopener,noreferrer')\n        return\n      }\n\n      await navigator.clipboard.writeText(previewURL)\n      setCopied(true)\n    },\n    [previewURL],\n  )\n\n  if (!previewURL) {\n    return null\n  }\n\n  const label = copied ? t('general:copied') : t('general:copy')\n\n  return (\n    <span\n      onPointerEnter={() => {\n        setHovered(true)\n        setCopied(false)\n      }}\n      onPointerLeave={() => {\n        setHovered(false)\n        setCopied(false)\n      }}\n      style={{ position: 'relative' }}\n    >\n      <Button\n        buttonStyle=\"ghost\"\n        icon={<LinkIcon size={24} />}\n        id=\"preview-button\"\n        onClick={handleClick}\n      />\n      <Tooltip delay={0} id=\"preview-button-tooltip\" show={hovered || copied}>\n        {label}\n      </Tooltip>\n    </span>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,WAAW,EAAEC,QAAQ,QAAQ;AAE7C,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,QAAQ;AAExB,OAAO,SAAAC,cAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACL;IAAAW;EAAA,IAAuBN,aAAA;EACvB;IAAAO;EAAA,IAAcN,cAAA;EACd,OAAAO,MAAA,EAAAC,SAAA,IAA4BX,QAAA,MAAS;EACrC,OAAAY,OAAA,EAAAC,UAAA,IAA8Bb,QAAA,MAAS;EAAA,IAAAc,EAAA;EAAA,IAAAP,CAAA,QAAAC,UAAA;IAGrCM,EAAA,SAAAC,KAAA;MAAA,KACOP,UAAA;QAAA;MAAA;MAAA,IAIDO,KAAA,CAAAC,OAAA,IAAiBD,KAAA,CAAAE,OAAa;QAChCC,MAAA,CAAAC,IAAA,CAAYX,UAAA,EAAY,UAAU;QAAA;MAAA;MAAA,MAI9BY,SAAA,CAAAC,SAAA,CAAAC,SAAA,CAA8Bd,UAAA;MACpCG,SAAA,KAAU;IAAA;IACZJ,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAbF,MAAAgB,WAAA,GAAoBT,EAcN;EAAA,KAGTN,UAAA;IAAA;EAAA;EAAA,IAAAgB,EAAA;EAAA,IAAAjB,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAgB,WAAA,IAAAhB,CAAA,QAAAK,OAAA,IAAAL,CAAA,QAAAE,CAAA;IAIL,MAAAgB,KAAA,GAAcf,MAAA,GAASD,CAAA,CAAE,oBAAoBA,CAAA,CAAE;IAAA,IAAAiB,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAApB,CAAA,QAAAqB,MAAA,CAAAC,GAAA;MAI3BH,EAAA,GAAAA,CAAA;QACdb,UAAA,KAAW;QACXF,SAAA,MAAU;MAAA;MAEIgB,EAAA,GAAAA,CAAA;QACdd,UAAA,MAAW;QACXF,SAAA,MAAU;MAAA;MACZJ,CAAA,MAAAmB,EAAA;MAAAnB,CAAA,MAAAoB,EAAA;IAAA;MAAAD,EAAA,GAAAnB,CAAA;MAAAoB,EAAA,GAAApB,CAAA;IAAA;IARFiB,EAAA,GAAAM,KAAA,CAAC;MAAAC,cAAA,EACiBL,EAGhB;MAAAM,cAAA,EACgBL,EAGhB;MAAAM,KAAA;QAAAC,QAAA,EACmB;MAAA;MAAAC,QAAA,GAEnBC,IAAA,CAAAhC,MAAA;QAAAiC,WAAA,EACc;QAAAC,IAAA,EACNF,IAAA,CAAAnC,QAAA;UAAAsC,IAAA;QAAA,C;YACH;QAAAC,OAAA,EACMjB;MAAA,C,GAEXa,IAAA,CAAA/B,OAAA;QAAAoC,KAAA;QAAAC,EAAA,EAAsB;QAAAC,IAAA,EAA+B/B,OAAA,IAAWF,MAAA;QAAAyB,QAAA,EAC7DV;MAAA,C;;;;;;;;;;SAlBLD,E","ignoreList":[]}

package/dist/elements/PreviewSizes/index.css

@@ -1,7 +1,7 @@
 @layer payload-default {
   .preview-sizes {
     margin: var(--spacer-6) calc(var(--gutter-h) * -1) 0 calc(var(--gutter-h) * -1);
-    border-top: var(--stroke-width-small) solid var(--theme-elevation-150);
+    border-top: var(--stroke-width-small) solid var(--color-border);
     max-height: calc(100vh - var(--spacer-6) * 3);
     height: 100%;
     display: flex;
@@ -10,7 +10,7 @@
 
   .preview-sizes__imageWrap {
     min-width: 60%;
-    border-right: var(--stroke-width-small) solid var(--theme-elevation-150);
+    border-right: var(--stroke-width-small) solid var(--color-border);
   }
 
   .preview-sizes__preview {
@@ -20,7 +20,7 @@
   }
 
   .preview-sizes__meta {
-    border-bottom: var(--stroke-width-small) solid var(--theme-elevation-150);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
     padding: var(--spacer-3) var(--gutter-h);
     display: flex;
     flex-wrap: wrap;
@@ -41,7 +41,7 @@
 
   .preview-sizes__sizeName,
   .preview-sizes .file-meta__size-type {
-    color: var(--theme-elevation-600);
+    color: var(--color-text-secondary);
   }
 
   .preview-sizes__listWrap {
@@ -61,7 +61,7 @@
     left: 0;
     height: calc(var(--spacer-6) * 2);
     width: 100%;
-    background: linear-gradient(180deg, transparent 0, var(--theme-bg) 100%);
+    background: linear-gradient(180deg, transparent 0, var(--color-bg) 100%);
     pointer-events: none;
   }
 
@@ -79,15 +79,14 @@
     display: flex;
     gap: var(--spacer-3);
     cursor: pointer;
-    transition: background-color 0.2s ease-in-out;
   }
 
   .preview-sizes__sizeOption:hover {
-    background-color: var(--theme-elevation-100);
+    background-color: var(--color-bg-hover);
   }
 
   .preview-sizes--selected {
-    background-color: var(--theme-elevation-100);
+    background-color: var(--color-bg-secondary);
   }
 
   .preview-sizes__image {
@@ -108,6 +107,7 @@
     text-overflow: ellipsis;
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .preview-sizes {
       margin-top: var(--spacer-3);
@@ -115,6 +115,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .preview-sizes {
       margin-top: 0;
@@ -142,7 +143,7 @@
     }
 
     .preview-sizes__listWrap {
-      border-top: var(--stroke-width-small) solid var(--theme-elevation-150);
+      border-top: var(--stroke-width-small) solid var(--color-border);
       height: 40%;
     }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/PublishButton/ScheduleDrawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAU,eAAe,EAAS,MAAM,SAAS,CAAA;AAQ7D,OAAO,KAA+B,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,YAAY,CAAA;AAe5D,OAAO,aAAa,CAAA;AAUpB,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,qBAAqB,CAAC,EAAE,eAAe,CAAA;IACvC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAOD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiT1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/PublishButton/ScheduleDrawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAU,eAAe,EAAE,MAAM,SAAS,CAAA;AAMtD,OAAO,KAA+B,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,YAAY,CAAA;AAc5D,OAAO,aAAa,CAAA;AASpB,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,qBAAqB,CAAC,EAAE,eAAe,CAAA;IACvC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAOD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkS1C,CAAA"}

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

@@ -5,8 +5,6 @@ import { TZDateMini as TZDate } from '@date-fns/tz/date/mini';
 import { getTranslation } from '@payloadcms/translations';
 import { endOfToday, isToday, startOfDay } from 'date-fns';
 import { transpose } from 'date-fns/transpose';
-import { formatAdminURL } from 'payload/shared';
-import * as qs from 'qs-esm';
 import React, { useCallback, useMemo } from 'react';
 import { toast } from 'sonner';
 import { FieldLabel } from '../../../fields/FieldLabel/index.js';
@@ -16,7 +14,6 @@ import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
 import { useDocumentTitle } from '../../../providers/DocumentTitle/index.js';
 import { useServerFunctions } from '../../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
-import { requests } from '../../../utilities/api.js';
 import { Banner } from '../../Banner/index.js';
 import { Button } from '../../Button/index.js';
 import { DatePickerField } from '../../DatePicker/index.js';
@@ -28,7 +25,6 @@ import { ShimmerEffect } from '../../ShimmerEffect/index.js';
 import { Table } from '../../Table/index.js';
 import { TimezonePicker } from '../../TimezonePicker/index.js';
 import { buildUpcomingColumns } from './buildUpcomingColumns.js';
-import { buildUpcomingScheduleWhere } from './buildUpcomingScheduleWhere.js';
 const baseClass = 'schedule-publish';
 const defaultLocaleOption = {
   label: 'All',
@@ -49,10 +45,7 @@ export const ScheduleDrawer = ({
           supportedTimezones
         }
       },
-      localization,
-      routes: {
-        api
-      }
+      localization
     }
   } = useConfig();
   const {
@@ -68,6 +61,7 @@ export const ScheduleDrawer = ({
     t
   } = useTranslation();
   const {
+    getUpcomingScheduledPublish,
     schedulePublish
   } = useServerFunctions();
   const [type, setType] = React.useState(defaultType || 'publish');
@@ -98,27 +92,11 @@ export const ScheduleDrawer = ({
     return [];
   }, [localization, i18n]);
   const fetchUpcoming = React.useCallback(async () => {
-    const query = {
-      sort: 'waitUntil',
-      where: buildUpcomingScheduleWhere({
-        id,
-        collectionSlug,
-        globalSlug
-      })
-    };
-    const {
-      docs
-    } = await requests.post(formatAdminURL({
-      apiRoute: api,
-      path: `/payload-jobs`
-    }), {
-      body: qs.stringify(query),
-      headers: {
-        'Accept-Language': i18n.language,
-        'Content-Type': 'application/x-www-form-urlencoded',
-        'X-Payload-HTTP-Method-Override': 'GET'
-      }
-    }).then(res => res.json());
+    const docs = await getUpcomingScheduledPublish({
+      id,
+      collectionSlug,
+      globalSlug
+    });
     setUpcomingColumns(buildUpcomingColumns({
       dateFormat,
       // eslint-disable-next-line @typescript-eslint/no-misused-promises
@@ -131,7 +109,7 @@ export const ScheduleDrawer = ({
     }));
     setUpcoming(docs);
     onUpcomingChange?.(docs.length > 0);
-  }, [collectionSlug, globalSlug, api, i18n, dateFormat, localization, supportedTimezones, t, id, onUpcomingChange]);
+  }, [collectionSlug, globalSlug, getUpcomingScheduledPublish, i18n, dateFormat, localization, supportedTimezones, t, id, onUpcomingChange]);
   const deleteHandler = React.useCallback(async id_0 => {
     try {
       await schedulePublish({
@@ -214,7 +192,7 @@ export const ScheduleDrawer = ({
     }
   }, [upcoming, fetchUpcoming]);
   const minTime = useMemo(() => {
-    if (date && isToday(date)) {
+    if (!date || isToday(date)) {
       return new Date();
     }
     return startOfDay(new Date());

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TZDateMini","TZDate","getTranslation","endOfToday","isToday","startOfDay","transpose","formatAdminURL","qs","React","useCallback","useMemo","toast","FieldLabel","Radio","useConfig","useDocumentInfo","useDocumentTitle","useServerFunctions","useTranslation","requests","Banner","Button","DatePickerField","Drawer","Gutter","ReactSelect","ShimmerEffect","Table","TimezonePicker","buildUpcomingColumns","buildUpcomingScheduleWhere","baseClass","defaultLocaleOption","label","value","ScheduleDrawer","slug","defaultType","onUpcomingChange","schedulePublishConfig","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","docs","post","apiRoute","path","body","stringify","headers","language","then","res","json","deleteHandler","current","length","deleteID","success","err","console","error","message","useEffect","handleSave","localeToPublish","doc","relationTo","String","undefined","global","displayedValue","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","onChangeDate","incomingDate","tzDateWithUTC","dateToUserTz","fetchInitialUpcoming","minTime","Date","_jsxs","className","_jsx","required","isSelected","onChange","option","readOnly","maxTime","minDate","e","pickerAppearance","timeFormat","timeIntervals","selectedTimezone","buttonStyle","disabled","onClick","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 { 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 { 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.css'\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'\nimport { buildUpcomingScheduleWhere } from './buildUpcomingScheduleWhere.js'\n\nconst baseClass = 'schedule-publish'\n\ntype Props = {\n  defaultType?: PublishType\n  onUpcomingChange?: (hasUpcoming: boolean) => void\n  schedulePublishConfig?: SchedulePublish\n  slug: string\n}\n\nconst defaultLocaleOption = {\n  label: 'All',\n  value: 'all',\n}\n\nexport const ScheduleDrawer: React.FC<Props> = ({\n  slug,\n  defaultType,\n  onUpcomingChange,\n  schedulePublishConfig,\n}) => {\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: buildUpcomingScheduleWhere({ id, collectionSlug, globalSlug }),\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    onUpcomingChange?.(docs.length > 0)\n  }, [\n    collectionSlug,\n    globalSlug,\n    api,\n    i18n,\n    dateFormat,\n    localization,\n    supportedTimezones,\n    t,\n    id,\n    onUpcomingChange,\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 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 className={baseClass} slug={slug} title={modalTitle}>\n      <Gutter className={`${baseClass}__scheduler`}>\n        <div className={`${baseClass}__section`}>\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        </div>\n        <div className={`${baseClass}__section`}>\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        </div>\n        {localeOptions.length > 0 && type === 'publish' && (\n          <div className={`${baseClass}__section`}>\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          </div>\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 && <Banner>{t('general:noUpcomingEventsScheduled')}</Banner>}\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,"file":"index.js","names":["TZDateMini","TZDate","getTranslation","endOfToday","isToday","startOfDay","transpose","React","useCallback","useMemo","toast","FieldLabel","Radio","useConfig","useDocumentInfo","useDocumentTitle","useServerFunctions","useTranslation","Banner","Button","DatePickerField","Drawer","Gutter","ReactSelect","ShimmerEffect","Table","TimezonePicker","buildUpcomingColumns","baseClass","defaultLocaleOption","label","value","ScheduleDrawer","slug","defaultType","onUpcomingChange","schedulePublishConfig","config","admin","dateFormat","timezones","defaultTimezone","supportedTimezones","localization","id","collectionSlug","globalSlug","title","i18n","t","getUpcomingScheduledPublish","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","docs","deleteHandler","current","length","deleteID","success","err","console","error","message","useEffect","handleSave","localeToPublish","doc","relationTo","String","undefined","global","displayedValue","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","onChangeDate","incomingDate","tzDateWithUTC","dateToUserTz","fetchInitialUpcoming","minTime","Date","_jsxs","className","_jsx","required","isSelected","onChange","option","path","readOnly","maxTime","minDate","e","pickerAppearance","timeFormat","timeIntervals","selectedTimezone","buttonStyle","disabled","onClick","appearance","columns","data"],"sources":["../../../../src/elements/PublishButton/ScheduleDrawer/index.tsx"],"sourcesContent":["/* eslint-disable no-console */\n'use client'\n\nimport type { Column, SchedulePublish } from 'payload'\n\nimport { TZDateMini as TZDate } from '@date-fns/tz/date/mini'\nimport { getTranslation } from '@payloadcms/translations'\nimport { endOfToday, isToday, startOfDay } from 'date-fns'\nimport { transpose } from 'date-fns/transpose'\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 { Banner } from '../../Banner/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.css'\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  onUpcomingChange?: (hasUpcoming: boolean) => void\n  schedulePublishConfig?: SchedulePublish\n  slug: string\n}\n\nconst defaultLocaleOption = {\n  label: 'All',\n  value: 'all',\n}\n\nexport const ScheduleDrawer: React.FC<Props> = ({\n  slug,\n  defaultType,\n  onUpcomingChange,\n  schedulePublishConfig,\n}) => {\n  const {\n    config: {\n      admin: {\n        dateFormat,\n        timezones: { defaultTimezone, supportedTimezones },\n      },\n      localization,\n    },\n  } = useConfig()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  const { i18n, t } = useTranslation()\n  const { getUpcomingScheduledPublish, 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 docs = await getUpcomingScheduledPublish({ id, collectionSlug, globalSlug })\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    onUpcomingChange?.(docs.length > 0)\n  }, [\n    collectionSlug,\n    globalSlug,\n    getUpcomingScheduledPublish,\n    i18n,\n    dateFormat,\n    localization,\n    supportedTimezones,\n    t,\n    id,\n    onUpcomingChange,\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 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 className={baseClass} slug={slug} title={modalTitle}>\n      <Gutter className={`${baseClass}__scheduler`}>\n        <div className={`${baseClass}__section`}>\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        </div>\n        <div className={`${baseClass}__section`}>\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        </div>\n        {localeOptions.length > 0 && type === 'publish' && (\n          <div className={`${baseClass}__section`}>\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          </div>\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 && <Banner>{t('general:noUpcomingEventsScheduled')}</Banner>}\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.d.ts

@@ -6,6 +6,6 @@ export type UpcomingEvent = {
         timezone?: string;
         type: PublishType;
     };
-    waitUntil: Date;
+    waitUntil: Date | string;
 };
 //# sourceMappingURL=types.d.ts.map

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

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

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,"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 | string\n}\n"],"mappings":"AAEA","ignoreList":[]}

package/dist/elements/PublishButton/index.css

@@ -7,6 +7,7 @@
     display: none;
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .publish-button__label--full {
       display: none;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAKvD,OAAO,KAA2C,MAAM,OAAO,CAAA;AAa/D,OAAO,aAAa,CAAA;AAEpB,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EAAE,SAAS,GACjB,GAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,wBAA6B,qBAiRpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAKvD,OAAO,KAAsB,MAAM,OAAO,CAAA;AAa1C,OAAO,aAAa,CAAA;AAEpB,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EAAE,SAAS,GACjB,GAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,wBAA6B,qBA8PpD"}

package/dist/elements/PublishButton/index.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL, hasAutosaveEnabled, hasLocalizeStatusEnabled } from 'payload/shared';
 import * as qs from 'qs-esm';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback } from 'react';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
 import { useHotkey } from '../../hooks/useHotkey.js';
@@ -41,9 +41,8 @@ export function PublishButton({
   } = useForm();
   const modified = useFormModified();
   const editDepth = useEditDepth();
-  const {
-    code: localeCode
-  } = useLocale();
+  const locale = useLocale();
+  const localeCode = locale?.code;
   const {
     localization,
     routes: {
@@ -70,11 +69,7 @@ export function PublishButton({
   }, [collectionSlug, globalSlug, getEntityConfig]);
   const hasNewerVersions = unpublishedVersionCount > 0;
   const canPublish = hasPublishPermission && (modified || hasNewerVersions || !hasPublishedDoc) && uploadStatus !== 'uploading';
-  const [hasLocalizedFields, setHasLocalizedFields] = useState(false);
-  useEffect(() => {
-    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields);
-    setHasLocalizedFields(hasLocalizedField);
-  }, [entityConfig?.fields]);
+  const hasLocalizedFields = React.useMemo(() => Boolean(entityConfig?.fields && traverseForLocalizedFields(entityConfig.fields)), [entityConfig?.fields]);
   const isSpecificLocalePublishEnabled = localization && hasLocalizedFields && hasPublishPermission;
   const operation = useOperation();
   const disabled = operation === 'update' && !modified;
@@ -159,13 +154,13 @@ export function PublishButton({
       setHasPublishedDoc(true);
     }
   }, [localeCode, localizeStatusEnabled, api, collectionSlug, globalSlug, id, setHasPublishedDoc, submit, setUnpublishedVersionCount, uploadStatus, setMostRecentVersionIsAutosaved]);
-  const publishLocale = useCallback(async locale => {
+  const publishLocale = useCallback(async locale_0 => {
     if (uploadStatus === 'uploading') {
       return;
     }
     const params_1 = qs.stringify({
       depth: 0,
-      locale
+      locale: locale_0
     }, {
       addQueryPrefix: true
     });
@@ -186,9 +181,7 @@ export function PublishButton({
       setHasPublishedDoc(true);
     }
   }, [api, collectionSlug, globalSlug, id, setHasPublishedDoc, setMostRecentVersionIsAutosaved, setUnpublishedVersionCount, 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 activeLocale = localization && localization?.locales.find(locale_1 => typeof locale_1 === 'string' ? locale_1 === localeCode : locale_1.code === localeCode);
   const activeLocaleLabel = activeLocale && getTranslation(activeLocale.label, i18n);
   if (!hasPublishPermission) {
     return null;
@@ -197,25 +190,17 @@ export function PublishButton({
     children: /*#__PURE__*/_jsx(FormSubmit, {
       buttonId: "action-save",
       disabled: !canPublish,
-      onClick: isDefaultPublishAll ? publish : () => publishLocale(activeLocale.code),
+      onClick: isSpecificLocalePublishEnabled ? () => publishLocale(activeLocale.code) : publish,
       size: "medium",
-      SubMenuPopupContent: isSpecificLocalePublishEnabled ? ({
-        close
-      }) => {
-        return /*#__PURE__*/_jsx(React.Fragment, {
-          children: isSpecificLocalePublishEnabled && /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
-            children: /*#__PURE__*/_jsx(PopupList.Button, {
-              id: "publish-locale",
-              onClick: isDefaultPublishAll ? () => publishLocale(activeLocale.code) : publish,
-              children: isDefaultPublishAll ? t('version:publishIn', {
-                locale: activeLocaleLabel
-              }) : t('version:publishAllLocales')
-            })
-          })
-        });
-      } : undefined,
+      SubMenuPopupContent: isSpecificLocalePublishEnabled ? () => /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
+        children: /*#__PURE__*/_jsx(PopupList.Button, {
+          id: "publish-all-locales",
+          onClick: publish,
+          children: t('version:publishAllLocales')
+        })
+      }) : undefined,
       type: "button",
-      children: !isDefaultPublishAll ? t('version:publishIn', {
+      children: isSpecificLocalePublishEnabled ? t('version:publishIn', {
         locale: activeLocaleLabel
       }) : /*#__PURE__*/_jsxs(React.Fragment, {
         children: [/*#__PURE__*/_jsx("span", {

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

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

package/dist/elements/PublishMany/DrawerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishMany/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAWlD,KAAK,6BAA6B,GAAG;IACnC,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IAC1C,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBA2K5E"}
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishMany/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAWlD,KAAK,6BAA6B,GAAG;IACnC,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IAC1C,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBA4K5E"}

package/dist/elements/PublishMany/DrawerContent.js

@@ -38,9 +38,8 @@ export function PublishManyDrawerContent(props) {
       }
     }
   } = useConfig();
-  const {
-    code: locale
-  } = useLocale();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
   const router = useRouter();
   const searchParams = useSearchParams();
   const {