@payloadcms/ui 3.34.0-canary.4 → 3.34.0

package/dist/elements/AddNewRelation/index.js

@@ -16,7 +16,7 @@ import './index.scss';
 import { useRelatedCollections } from './useRelatedCollections.js';
 const baseClass = 'relationship-add-new';
 export const AddNewRelation = t0 => {
-  const $ = _c(46);
+  const $ = _c(45);
   const {
     Button: ButtonFromProps,
     hasMany,
@@ -34,9 +34,9 @@ export const AddNewRelation = t0 => {
   const [selectedCollection, setSelectedCollection] = useState();
   const relatedToMany = relatedCollections.length > 1;
   let t1;
-  if ($[0] !== relatedCollections || $[1] !== relatedToMany) {
+  if ($[0] !== relatedCollections[0] || $[1] !== relatedToMany) {
     t1 = () => !relatedToMany ? relatedCollections[0] : undefined;
-    $[0] = relatedCollections;
+    $[0] = relatedCollections[0];
     $[1] = relatedToMany;
     $[2] = t1;
   } else {
@@ -187,17 +187,16 @@ export const AddNewRelation = t0 => {
     t14 = $[29];
   }
   useEffect(t13, t14);
-  const t15 = relatedCollections[0];
-  const t16 = t15.labels.singular;
-  let t17;
-  if ($[30] !== ButtonFromProps || $[31] !== DocumentDrawer || $[32] !== DocumentDrawerToggler || $[33] !== collectionConfig || $[34] !== i18n || $[35] !== onSave || $[36] !== path || $[37] !== permissions || $[38] !== popupOpen || $[39] !== relatedCollections || $[40] !== show || $[41] !== showTooltip || $[42] !== t || $[43] !== t15.labels.singular || $[44] !== unstyled) {
-    t17 = Symbol.for("react.early_return_sentinel");
+  const t15 = relatedCollections[0].labels.singular;
+  let t16;
+  if ($[30] !== ButtonFromProps || $[31] !== DocumentDrawer || $[32] !== DocumentDrawerToggler || $[33] !== collectionConfig || $[34] !== i18n || $[35] !== onSave || $[36] !== path || $[37] !== permissions || $[38] !== popupOpen || $[39] !== relatedCollections || $[40] !== show || $[41] !== showTooltip || $[42] !== t || $[43] !== unstyled) {
+    t16 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const label = t("fields:addNewLabel", {
-        label: getTranslation(t16, i18n)
+        label: getTranslation(t15, i18n)
       });
       if (show) {
-        t17 = _jsxs("div", {
+        t16 = _jsxs("div", {
           className: baseClass,
           id: `${path}-add-new`,
           children: [relatedCollections.length === 1 && _jsxs(Fragment, {
@@ -227,10 +226,10 @@ export const AddNewRelation = t0 => {
               buttonType: "custom",
               horizontalAlign: "center",
               onToggleOpen: onPopupToggle,
-              render: t18 => {
+              render: t17 => {
                 const {
                   close: closePopup
-                } = t18;
+                } = t17;
                 return _jsx(PopupList.ButtonGroup, {
                   children: relatedCollections.map(relatedCollection => {
                     if (permissions.collections[relatedCollection?.slug].create) {
@@ -269,14 +268,13 @@ export const AddNewRelation = t0 => {
     $[40] = show;
     $[41] = showTooltip;
     $[42] = t;
-    $[43] = t15.labels.singular;
-    $[44] = unstyled;
-    $[45] = t17;
+    $[43] = unstyled;
+    $[44] = t16;
   } else {
-    t17 = $[45];
+    t16 = $[44];
   }
-  if (t17 !== Symbol.for("react.early_return_sentinel")) {
-    return t17;
+  if (t16 !== Symbol.for("react.early_return_sentinel")) {
+    return t16;
   }
   return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useCallback","useEffect","useState","PlusIcon","useAuth","useTranslation","Button","useDocumentDrawer","Popup","PopupList","Tooltip","useRelatedCollections","baseClass","AddNewRelation","t0","$","ButtonFromProps","hasMany","path","relationTo","setValue","unstyled","value","relatedCollections","permissions","show","setShow","selectedCollection","setSelectedCollection","relatedToMany","length","t1","undefined","collectionConfig","setCollectionConfig","popupOpen","setPopupOpen","i18n","t","showTooltip","setShowTooltip","t2","slug","t3","collectionSlug","DocumentDrawer","DocumentDrawerToggler","t4","isDrawerOpen","toggleDrawer","t5","t6","doc","operation","newValue","Array","isArray","id","isNewValue","some","v","onSave","Symbol","for","state","onPopupToggle","t7","t8","collections","create","collection","t10","t9","find","collection_0","t11","t12","t13","t14","t15","t16","labels","singular","t17","label","_jsxs","className","children","_jsx","filter","Boolean","join","onClick","onMouseEnter","onMouseLeave","button","buttonStyle","tooltip","horizontalAlign","onToggleOpen","render","t18","close","closePopup","ButtonGroup","map","relatedCollection"],"sources":["../../../src/elements/AddNewRelation/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport type { Value } from '../../fields/Relationship/types.js'\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\nimport type { Props } from './types.js'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { Popup } from '../Popup/index.js'\nimport * as PopupList from '../Popup/PopupButtonList/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\nimport { useRelatedCollections } from './useRelatedCollections.js'\n\nconst baseClass = 'relationship-add-new'\n\nexport const AddNewRelation: React.FC<Props> = ({\n  Button: ButtonFromProps,\n  hasMany,\n  path,\n  relationTo,\n  setValue,\n  unstyled,\n  value,\n}) => {\n  const relatedCollections = useRelatedCollections(relationTo)\n  const { permissions } = useAuth()\n  const [show, setShow] = useState(false)\n  const [selectedCollection, setSelectedCollection] = useState<string>()\n\n  const relatedToMany = relatedCollections.length > 1\n\n  const [collectionConfig, setCollectionConfig] = useState<ClientCollectionConfig>(() =>\n    !relatedToMany ? relatedCollections[0] : undefined,\n  )\n\n  const [popupOpen, setPopupOpen] = useState(false)\n  const { i18n, t } = useTranslation()\n  const [showTooltip, setShowTooltip] = useState(false)\n\n  const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen, toggleDrawer }] = useDocumentDrawer(\n    {\n      collectionSlug: collectionConfig?.slug,\n    },\n  )\n\n  const onSave: DocumentDrawerContextType['onSave'] = useCallback(\n    ({ doc, operation }) => {\n      if (operation === 'create') {\n        const newValue: Value = Array.isArray(relationTo)\n          ? {\n              relationTo: collectionConfig?.slug,\n              value: doc.id,\n            }\n          : doc.id\n\n        // ensure the value is not already in the array\n        const isNewValue =\n          Array.isArray(relationTo) && Array.isArray(value)\n            ? !value.some((v) => v && typeof v === 'object' && v.value === doc.id)\n            : value !== doc.id\n\n        if (isNewValue) {\n          // dispatchOptions({\n          //   collection: collectionConfig,\n          //   // TODO: fix this\n          //   // @ts-expect-error-next-line\n          //   type: 'ADD',\n          //   config,\n          //   docs: [doc],\n          //   i18n,\n          //   sort: true,\n          // })\n\n          if (hasMany) {\n            setValue([...(Array.isArray(value) ? value : []), newValue])\n          } else {\n            setValue(newValue)\n          }\n        }\n\n        setSelectedCollection(undefined)\n      }\n    },\n    [relationTo, collectionConfig, hasMany, setValue, value],\n  )\n\n  const onPopupToggle = useCallback((state) => {\n    setPopupOpen(state)\n  }, [])\n\n  useEffect(() => {\n    if (permissions) {\n      if (relatedCollections.length === 1) {\n        setShow(permissions.collections[relatedCollections[0]?.slug]?.create)\n      } else {\n        setShow(\n          relatedCollections.some(\n            (collection) => permissions.collections[collection?.slug]?.create,\n          ),\n        )\n      }\n    }\n  }, [permissions, relatedCollections])\n\n  useEffect(() => {\n    if (relatedToMany && selectedCollection) {\n      setCollectionConfig(\n        relatedCollections.find((collection) => collection?.slug === selectedCollection),\n      )\n    }\n  }, [selectedCollection, relatedToMany, relatedCollections])\n\n  useEffect(() => {\n    if (relatedToMany && collectionConfig) {\n      // the drawer must be rendered on the page before before opening it\n      // this is why 'selectedCollection' is different from 'collectionConfig'\n      toggleDrawer()\n      setSelectedCollection(undefined)\n    }\n  }, [toggleDrawer, relatedToMany, collectionConfig])\n\n  useEffect(() => {\n    if (relatedToMany && !isDrawerOpen) {\n      setCollectionConfig(undefined)\n    }\n  }, [isDrawerOpen, relatedToMany])\n\n  const label = t('fields:addNewLabel', {\n    label: getTranslation(relatedCollections[0].labels.singular, i18n),\n  })\n\n  if (show) {\n    return (\n      <div className={baseClass} id={`${path}-add-new`}>\n        {relatedCollections.length === 1 && (\n          <Fragment>\n            <DocumentDrawerToggler\n              className={[\n                `${baseClass}__add-button`,\n                unstyled && `${baseClass}__add-button--unstyled`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={() => setShowTooltip(false)}\n              onMouseEnter={() => setShowTooltip(true)}\n              onMouseLeave={() => setShowTooltip(false)}\n            >\n              {ButtonFromProps ? (\n                ButtonFromProps\n              ) : (\n                <Fragment>\n                  <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                    {label}\n                  </Tooltip>\n                  <PlusIcon />\n                </Fragment>\n              )}\n            </DocumentDrawerToggler>\n            <DocumentDrawer onSave={onSave} />\n          </Fragment>\n        )}\n        {relatedCollections.length > 1 && (\n          <Fragment>\n            <Popup\n              button={\n                ButtonFromProps ? (\n                  ButtonFromProps\n                ) : (\n                  <Button\n                    buttonStyle=\"none\"\n                    className={`${baseClass}__add-button`}\n                    tooltip={popupOpen ? undefined : t('fields:addNew')}\n                  >\n                    <PlusIcon />\n                  </Button>\n                )\n              }\n              buttonType=\"custom\"\n              horizontalAlign=\"center\"\n              onToggleOpen={onPopupToggle}\n              render={({ close: closePopup }) => (\n                <PopupList.ButtonGroup>\n                  {relatedCollections.map((relatedCollection) => {\n                    if (permissions.collections[relatedCollection?.slug].create) {\n                      return (\n                        <PopupList.Button\n                          className={`${baseClass}__relation-button--${relatedCollection?.slug}`}\n                          key={relatedCollection?.slug}\n                          onClick={() => {\n                            closePopup()\n                            setSelectedCollection(relatedCollection?.slug)\n                          }}\n                        >\n                          {getTranslation(relatedCollection?.labels?.singular, i18n)}\n                        </PopupList.Button>\n                      )\n                    }\n\n                    return null\n                  })}\n                </PopupList.ButtonGroup>\n              )}\n              size=\"medium\"\n            />\n            {collectionConfig && permissions.collections[collectionConfig?.slug]?.create && (\n              <DocumentDrawer onSave={onSave} />\n            )}\n          </Fragment>\n        )}\n      </div>\n    )\n  }\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAMlE,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,KAAK,QAAQ;AACtB,YAAYC,SAAA,MAAe;AAC3B,SAASC,OAAO,QAAQ;AACxB,OAAO;AACP,SAASC,qBAAqB,QAAQ;AAEtC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAAkCC,EAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EAAC;IAAAU,MAAA,EAAAU,eAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAR,EAQ/C;EACC,MAAAS,kBAAA,GAA2BZ,qBAAA,CAAsBQ,UAAA;EACjD;IAAAK;EAAA,IAAwBpB,OAAA;EACxB,OAAAqB,IAAA,EAAAC,OAAA,IAAwBxB,QAAA,MAAS;EACjC,OAAAyB,kBAAA,EAAAC,qBAAA,IAAoD1B,QAAA;EAEpD,MAAA2B,aAAA,GAAsBN,kBAAA,CAAAO,MAAA,IAA4B;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAQ,kBAAA,IAAAR,CAAA,QAAAc,aAAA;IAE+BE,EAAA,GAAAA,CAAA,KAC/E,CAACF,aAAA,GAAgBN,kBAAkB,MAAAS,SAAM;IAAAjB,CAAA,MAAAQ,kBAAA;IAAAR,CAAA,MAAAc,aAAA;IAAAd,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAD3C,OAAAkB,gBAAA,EAAAC,mBAAA,IAAgDhC,QAAA,CAAiC6B,EACtC;EAG3C,OAAAI,SAAA,EAAAC,YAAA,IAAkClC,QAAA,MAAS;EAC3C;IAAAmC,IAAA;IAAAC;EAAA,IAAoBjC,cAAA;EACpB,OAAAkC,WAAA,EAAAC,cAAA,IAAsCtC,QAAA,MAAS;EAI3B,MAAAuC,EAAA,GAAAR,gBAAA,EAAAS,IAAA;EAAkB,IAAAC,EAAA;EAAA,IAAA5B,CAAA,QAAA0B,EAAA;IADpCE,EAAA;MAAAC,cAAA,EACkBH;IAAkB;IACpC1B,CAAA,MAAA0B,EAAA;IAAA1B,CAAA,MAAA4B,EAAA;EAAA;IAAAA,EAAA,GAAA5B,CAAA;EAAA;EAHF,OAAA8B,cAAA,EAAAC,qBAAA,EAAAC,EAAA,IAAgFxC,iBAAA,CAC9EoC,EAEA;EAH4C;IAAAK,YAAA;IAAAC;EAAA,IAAAF,EAA8B;EAAA,IAAAG,EAAA;EAAA,IAAAnC,CAAA,QAAAkB,gBAAA,EAAAS,IAAA,IAAA3B,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAO,KAAA;IAO1E4B,EAAA,GAAAC,EAAA;MAAC;QAAAC,GAAA;QAAAC;MAAA,IAAAF,EAAkB;MAAA,IACbE,SAAA,KAAc;QAChB,MAAAC,QAAA,GAAwBC,KAAA,CAAAC,OAAA,CAAcrC,UAAA;UAAAA,UAAA,EAEpBc,gBAAA,EAAAS,IAAA;UAAApB,KAAA,EACL8B,GAAA,CAAAK;QAAA,IAETL,GAAA,CAAAK,EAAM;QAGV,MAAAC,UAAA,GACEH,KAAA,CAAAC,OAAA,CAAcrC,UAAA,KAAeoC,KAAA,CAAAC,OAAA,CAAclC,KAAA,KACtCA,KAAA,CAAAqC,IAAA,CAAAC,CAAA,IAAkBA,CAAA,IAAK,OAAOA,CAAA,KAAM,YAAYA,CAAA,CAAAtC,KAAA,KAAY8B,GAAA,CAAAK,EAAM,IACnEnC,KAAA,KAAU8B,GAAA,CAAAK,EAAM;QAAA,IAElBC,UAAA;UAAA,IAYEzC,OAAA;YACFG,QAAA,MAAcmC,KAAA,CAAAC,OAAA,CAAclC,KAAA,IAASA,KAAA,KAAU,GAAGgC,QAAA,CAAS;UAAA;YAE3DlC,QAAA,CAASkC,QAAA;UAAA;QAAA;QAIb1B,qBAAA,CAAAI,SAAsB;MAAA;IAAA;IAE1BjB,CAAA,MAAAkB,gBAAA,EAAAS,IAAA;IAAA3B,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAAO,KAAA;IAAAP,CAAA,OAAAmC,EAAA;EAAA;IAAAA,EAAA,GAAAnC,CAAA;EAAA;EArCF,MAAA8C,MAAA,GAAoDX,EAsCM;EAAA,IAAAC,EAAA;EAAA,IAAApC,CAAA,SAAA+C,MAAA,CAAAC,GAAA;IAGxBZ,EAAA,GAAAa,KAAA;MAChC5B,YAAA,CAAa4B,KAAA;IAAA;IACfjD,CAAA,OAAAoC,EAAA;EAAA;IAAAA,EAAA,GAAApC,CAAA;EAAA;EAFA,MAAAkD,aAAA,GAAsBd,EAEjB;EAAA,IAAAe,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAApD,CAAA,SAAAS,WAAA,IAAAT,CAAA,SAAAQ,kBAAA;IAEK2C,EAAA,GAAAA,CAAA;MAAA,IACJ1C,WAAA;QAAA,IACED,kBAAA,CAAAO,MAAA,MAA8B;UAChCJ,OAAA,CAAQF,WAAA,CAAA4C,WAAA,CAAwB7C,kBAAkB,KAAAmB,IAAA,GAAA2B,MAAY;QAAA;UAE9D3C,OAAA,CACEH,kBAAA,CAAAoC,IAAA,CAAAW,UAAA,IACkB9C,WAAA,CAAA4C,WAAA,CAAwBE,UAAA,EAAA5B,IAAA,GAAA2B,MAAmB;QAAA;MAAA;IAAA;IAKlEF,EAAA,IAAC3C,WAAA,EAAaD,kBAAA;IAAmBR,CAAA,OAAAS,WAAA;IAAAT,CAAA,OAAAQ,kBAAA;IAAAR,CAAA,OAAAmD,EAAA;IAAAnD,CAAA,OAAAoD,EAAA;EAAA;IAAAD,EAAA,GAAAnD,CAAA;IAAAoD,EAAA,GAAApD,CAAA;EAAA;EAZpCd,SAAA,CAAUiE,EAYV,EAAGC,EAAiC;EAAA,IAAAI,GAAA;EAAA,IAAAC,EAAA;EAAA,IAAAzD,CAAA,SAAAQ,kBAAA,IAAAR,CAAA,SAAAc,aAAA,IAAAd,CAAA,SAAAY,kBAAA;IAE1B6C,EAAA,GAAAA,CAAA;MAAA,IACJ3C,aAAA,IAAiBF,kBAAA;QACnBO,mBAAA,CACEX,kBAAA,CAAAkD,IAAA,CAAAC,YAAA,IAAwCJ,YAAA,EAAA5B,IAAA,KAAqBf,kBAAA;MAAA;IAAA;IAGhE4C,GAAA,IAAC5C,kBAAA,EAAoBE,aAAA,EAAeN,kBAAA;IAAmBR,CAAA,OAAAQ,kBAAA;IAAAR,CAAA,OAAAc,aAAA;IAAAd,CAAA,OAAAY,kBAAA;IAAAZ,CAAA,OAAAwD,GAAA;IAAAxD,CAAA,OAAAyD,EAAA;EAAA;IAAAD,GAAA,GAAAxD,CAAA;IAAAyD,EAAA,GAAAzD,CAAA;EAAA;EAN1Dd,SAAA,CAAUuE,EAMV,EAAGD,GAAuD;EAAA,IAAAI,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAA7D,CAAA,SAAAkB,gBAAA,IAAAlB,CAAA,SAAAc,aAAA,IAAAd,CAAA,SAAAkC,YAAA;IAEhD0B,GAAA,GAAAA,CAAA;MAAA,IACJ9C,aAAA,IAAiBI,gBAAA;QAGnBgB,YAAA;QACArB,qBAAA,CAAAI,SAAsB;MAAA;IAAA;IAEvB4C,GAAA,IAAC3B,YAAA,EAAcpB,aAAA,EAAeI,gBAAA;IAAiBlB,CAAA,OAAAkB,gBAAA;IAAAlB,CAAA,OAAAc,aAAA;IAAAd,CAAA,OAAAkC,YAAA;IAAAlC,CAAA,OAAA4D,GAAA;IAAA5D,CAAA,OAAA6D,GAAA;EAAA;IAAAD,GAAA,GAAA5D,CAAA;IAAA6D,GAAA,GAAA7D,CAAA;EAAA;EAPlDd,SAAA,CAAU0E,GAOV,EAAGC,GAA+C;EAAA,IAAAC,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAA/D,CAAA,SAAAiC,YAAA,IAAAjC,CAAA,SAAAc,aAAA;IAExCgD,GAAA,GAAAA,CAAA;MAAA,IACJhD,aAAA,KAAkBmB,YAAA;QACpBd,mBAAA,CAAAF,SAAoB;MAAA;IAAA;IAErB8C,GAAA,IAAC9B,YAAA,EAAcnB,aAAA;IAAcd,CAAA,OAAAiC,YAAA;IAAAjC,CAAA,OAAAc,aAAA;IAAAd,CAAA,OAAA8D,GAAA;IAAA9D,CAAA,OAAA+D,GAAA;EAAA;IAAAD,GAAA,GAAA9D,CAAA;IAAA+D,GAAA,GAAA/D,CAAA;EAAA;EAJhCd,SAAA,CAAU4E,GAIV,EAAGC,GAA6B;EAGR,MAAAC,GAAA,GAAAxD,kBAAkB;EAAlB,MAAAyD,GAAA,GAAAD,GAAqB,CAAAE,MAAA,CAAAC,QAAA;EAAgB,IAAAC,GAAA;EAAA,IAAApE,CAAA,SAAAC,eAAA,IAAAD,CAAA,SAAA8B,cAAA,IAAA9B,CAAA,SAAA+B,qBAAA,IAAA/B,CAAA,SAAAkB,gBAAA,IAAAlB,CAAA,SAAAsB,IAAA,IAAAtB,CAAA,SAAA8C,MAAA,IAAA9C,CAAA,SAAAG,IAAA,IAAAH,CAAA,SAAAS,WAAA,IAAAT,CAAA,SAAAoB,SAAA,IAAApB,CAAA,SAAAQ,kBAAA,IAAAR,CAAA,SAAAU,IAAA,IAAAV,CAAA,SAAAwB,WAAA,IAAAxB,CAAA,SAAAuB,CAAA,IAAAvB,CAAA,SAAAgE,GAAA,CAAAE,MAAA,CAAAC,QAAA,IAAAnE,CAAA,SAAAM,QAAA;IAKzD8D,GAAA,GAAArB,MAAA,CAAAC,GAAA,8B;;MANJ,MAAAqB,KAAA,GAAc9C,CAAA,CAAE;QAAA8C,KAAA,EACPvF,cAAA,CAAemF,GAAqC,EAAE3C,IAAA;MAAA,CAC/D;MAAA,IAEIZ,IAAA;QAEA0D,GAAA,GAAAE,KAAA,CAAC;UAAAC,SAAA,EAAA1E,SAAA;UAAA6C,EAAA,EAA8B,GAAGvC,IAAA,UAAc;UAAAqE,QAAA,GAC7ChE,kBAAA,CAAAO,MAAA,MAA8B,IAC7BuD,KAAA,CAAAtF,QAAA;YAAAwF,QAAA,GACEC,IAAA,CAAC1C,qBAAA;cAAAwC,SAAA,EACY,CACT,GAAA1E,SAAA,cAA0B,EAC1BS,QAAA,IAAY,GAAAT,SAAA,wBAAoC,EAAA6E,MAAA,CAAAC,OAExC,EAAAC,IAAA,CACF;cAAAC,OAAA,EAAAA,CAAA,KACOpD,cAAA,MAAe;cAAAqD,YAAA,EAAAA,CAAA,KACVrD,cAAA,KAAe;cAAAsD,YAAA,EAAAA,CAAA,KACftD,cAAA,MAAe;cAAA+C,QAAA,EAElCvE,eAAA,GACCA,eAAA,GAEAqE,KAAA,CAAAtF,QAAA;gBAAAwF,QAAA,GACEC,IAAA,CAAA9E,OAAA;kBAAA4E,SAAA,EAAoB,GAAA1E,SAAA,WAAuB;kBAAAa,IAAA,EAAQc,WAAA;kBAAAgD,QAAA,EAChDH;gBAAA,C,GAEHI,IAAA,CAAArF,QAAA,IAAC;cAAA,C;gBAIPqF,IAAA,CAAC3C,cAAA;cAAAgB;YAAA,C;cAGJtC,kBAAA,CAAAO,MAAA,IAA4B,IAC3BuD,KAAA,CAAAtF,QAAA;YAAAwF,QAAA,GACEC,IAAA,CAAAhF,KAAA;cAAAuF,MAAA,EAEI/E,eAAA,GACEA,eAAA,GAEAwE,IAAA,CAAAlF,MAAA;gBAAA0F,WAAA,EACc;gBAAAV,SAAA,EACD,GAAA1E,SAAA,cAA0B;gBAAAqF,OAAA,EAC5B9D,SAAA,GAAAH,SAAA,GAAwBM,CAAA,CAAE;gBAAAiD,QAAA,EAEnCC,IAAA,CAAArF,QAAA,IAAC;cAAA,C;0BAII;cAAA+F,eAAA,EACK;cAAAC,YAAA,EACFlC,aAAA;cAAAmC,MAAA,EAAAC,GAAA;gBACL;kBAAAC,KAAA,EAAAC;gBAAA,IAAAF,GAAqB;gBAAA,OAC5Bb,IAAA,CAAA/E,SAAA,CAAA+F,WAAA;kBAAAjB,QAAA,EACGhE,kBAAA,CAAAkF,GAAA,CAAAC,iBAAA;oBAAA,IACKlF,WAAA,CAAA4C,WAAA,CAAwBsC,iBAAA,EAAAhE,IAAA,EAAA2B,MAAA;sBAAA,OAExBmB,IAAA,CAAA/E,SAAA,CAAAH,MAAA;wBAAAgF,SAAA,EACa,GAAA1E,SAAA,sBAAkC8F,iBAAA,EAAAhE,IAAA,EAAyB;wBAAAkD,OAAA,EAAAA,CAAA;0BAGpEW,UAAA;0BACA3E,qBAAA,CAAsB8E,iBAAA,EAAAhE,IAAmB;wBAAA;wBAAA6C,QAAA,EAG1C1F,cAAA,CAAe6G,iBAAA,EAAAzB,MAAA,EAAAC,QAAA,EAAqC7C,IAAA;sBAAA,GANhDqE,iBAAA,EAAAhE,IAAmB;oBAAA;oBAAA;kBAAA,CAYhC;gBAAA,C;;oBAGC;YAAA,C,GAENT,gBAAA,IAAoBT,WAAA,CAAA4C,WAAA,CAAwBnC,gBAAA,EAAAS,IAAA,GAAA2B,MAAyB,IACpEmB,IAAA,CAAC3C,cAAA;cAAAgB;YAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQf","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useCallback","useEffect","useState","PlusIcon","useAuth","useTranslation","Button","useDocumentDrawer","Popup","PopupList","Tooltip","useRelatedCollections","baseClass","AddNewRelation","t0","$","ButtonFromProps","hasMany","path","relationTo","setValue","unstyled","value","relatedCollections","permissions","show","setShow","selectedCollection","setSelectedCollection","relatedToMany","length","t1","undefined","collectionConfig","setCollectionConfig","popupOpen","setPopupOpen","i18n","t","showTooltip","setShowTooltip","t2","slug","t3","collectionSlug","DocumentDrawer","DocumentDrawerToggler","t4","isDrawerOpen","toggleDrawer","t5","t6","doc","operation","newValue","Array","isArray","id","isNewValue","some","v","onSave","Symbol","for","state","onPopupToggle","t7","t8","collections","create","collection","t10","t9","find","collection_0","t11","t12","t13","t14","t15","labels","singular","t16","label","_jsxs","className","children","_jsx","filter","Boolean","join","onClick","onMouseEnter","onMouseLeave","button","buttonStyle","tooltip","horizontalAlign","onToggleOpen","render","t17","close","closePopup","ButtonGroup","map","relatedCollection"],"sources":["../../../src/elements/AddNewRelation/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport type { Value } from '../../fields/Relationship/types.js'\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\nimport type { Props } from './types.js'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { Popup } from '../Popup/index.js'\nimport * as PopupList from '../Popup/PopupButtonList/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\nimport { useRelatedCollections } from './useRelatedCollections.js'\n\nconst baseClass = 'relationship-add-new'\n\nexport const AddNewRelation: React.FC<Props> = ({\n  Button: ButtonFromProps,\n  hasMany,\n  path,\n  relationTo,\n  setValue,\n  unstyled,\n  value,\n}) => {\n  const relatedCollections = useRelatedCollections(relationTo)\n  const { permissions } = useAuth()\n  const [show, setShow] = useState(false)\n  const [selectedCollection, setSelectedCollection] = useState<string>()\n\n  const relatedToMany = relatedCollections.length > 1\n\n  const [collectionConfig, setCollectionConfig] = useState<ClientCollectionConfig>(() =>\n    !relatedToMany ? relatedCollections[0] : undefined,\n  )\n\n  const [popupOpen, setPopupOpen] = useState(false)\n  const { i18n, t } = useTranslation()\n  const [showTooltip, setShowTooltip] = useState(false)\n\n  const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen, toggleDrawer }] = useDocumentDrawer(\n    {\n      collectionSlug: collectionConfig?.slug,\n    },\n  )\n\n  const onSave: DocumentDrawerContextType['onSave'] = useCallback(\n    ({ doc, operation }) => {\n      if (operation === 'create') {\n        const newValue: Value = Array.isArray(relationTo)\n          ? {\n              relationTo: collectionConfig?.slug,\n              value: doc.id,\n            }\n          : doc.id\n\n        // ensure the value is not already in the array\n        const isNewValue =\n          Array.isArray(relationTo) && Array.isArray(value)\n            ? !value.some((v) => v && typeof v === 'object' && v.value === doc.id)\n            : value !== doc.id\n\n        if (isNewValue) {\n          // dispatchOptions({\n          //   collection: collectionConfig,\n          //   // TODO: fix this\n          //   // @ts-expect-error-next-line\n          //   type: 'ADD',\n          //   config,\n          //   docs: [doc],\n          //   i18n,\n          //   sort: true,\n          // })\n\n          if (hasMany) {\n            setValue([...(Array.isArray(value) ? value : []), newValue])\n          } else {\n            setValue(newValue)\n          }\n        }\n\n        setSelectedCollection(undefined)\n      }\n    },\n    [relationTo, collectionConfig, hasMany, setValue, value],\n  )\n\n  const onPopupToggle = useCallback((state) => {\n    setPopupOpen(state)\n  }, [])\n\n  useEffect(() => {\n    if (permissions) {\n      if (relatedCollections.length === 1) {\n        setShow(permissions.collections[relatedCollections[0]?.slug]?.create)\n      } else {\n        setShow(\n          relatedCollections.some(\n            (collection) => permissions.collections[collection?.slug]?.create,\n          ),\n        )\n      }\n    }\n  }, [permissions, relatedCollections])\n\n  useEffect(() => {\n    if (relatedToMany && selectedCollection) {\n      setCollectionConfig(\n        relatedCollections.find((collection) => collection?.slug === selectedCollection),\n      )\n    }\n  }, [selectedCollection, relatedToMany, relatedCollections])\n\n  useEffect(() => {\n    if (relatedToMany && collectionConfig) {\n      // the drawer must be rendered on the page before before opening it\n      // this is why 'selectedCollection' is different from 'collectionConfig'\n      toggleDrawer()\n      setSelectedCollection(undefined)\n    }\n  }, [toggleDrawer, relatedToMany, collectionConfig])\n\n  useEffect(() => {\n    if (relatedToMany && !isDrawerOpen) {\n      setCollectionConfig(undefined)\n    }\n  }, [isDrawerOpen, relatedToMany])\n\n  const label = t('fields:addNewLabel', {\n    label: getTranslation(relatedCollections[0].labels.singular, i18n),\n  })\n\n  if (show) {\n    return (\n      <div className={baseClass} id={`${path}-add-new`}>\n        {relatedCollections.length === 1 && (\n          <Fragment>\n            <DocumentDrawerToggler\n              className={[\n                `${baseClass}__add-button`,\n                unstyled && `${baseClass}__add-button--unstyled`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={() => setShowTooltip(false)}\n              onMouseEnter={() => setShowTooltip(true)}\n              onMouseLeave={() => setShowTooltip(false)}\n            >\n              {ButtonFromProps ? (\n                ButtonFromProps\n              ) : (\n                <Fragment>\n                  <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                    {label}\n                  </Tooltip>\n                  <PlusIcon />\n                </Fragment>\n              )}\n            </DocumentDrawerToggler>\n            <DocumentDrawer onSave={onSave} />\n          </Fragment>\n        )}\n        {relatedCollections.length > 1 && (\n          <Fragment>\n            <Popup\n              button={\n                ButtonFromProps ? (\n                  ButtonFromProps\n                ) : (\n                  <Button\n                    buttonStyle=\"none\"\n                    className={`${baseClass}__add-button`}\n                    tooltip={popupOpen ? undefined : t('fields:addNew')}\n                  >\n                    <PlusIcon />\n                  </Button>\n                )\n              }\n              buttonType=\"custom\"\n              horizontalAlign=\"center\"\n              onToggleOpen={onPopupToggle}\n              render={({ close: closePopup }) => (\n                <PopupList.ButtonGroup>\n                  {relatedCollections.map((relatedCollection) => {\n                    if (permissions.collections[relatedCollection?.slug].create) {\n                      return (\n                        <PopupList.Button\n                          className={`${baseClass}__relation-button--${relatedCollection?.slug}`}\n                          key={relatedCollection?.slug}\n                          onClick={() => {\n                            closePopup()\n                            setSelectedCollection(relatedCollection?.slug)\n                          }}\n                        >\n                          {getTranslation(relatedCollection?.labels?.singular, i18n)}\n                        </PopupList.Button>\n                      )\n                    }\n\n                    return null\n                  })}\n                </PopupList.ButtonGroup>\n              )}\n              size=\"medium\"\n            />\n            {collectionConfig && permissions.collections[collectionConfig?.slug]?.create && (\n              <DocumentDrawer onSave={onSave} />\n            )}\n          </Fragment>\n        )}\n      </div>\n    )\n  }\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/GenerateConfirmation/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback } from 'react';
@@ -10,6 +11,7 @@ import { Button } from '../Button/index.js';
 import { ConfirmationModal } from '../ConfirmationModal/index.js';
 import { Translation } from '../Translation/index.js';
 export function GenerateConfirmation(props) {
+  const $ = _c(12);
   const {
     highlightField,
     setKey
@@ -24,36 +26,70 @@ export function GenerateConfirmation(props) {
     t
   } = useTranslation();
   const modalSlug = `generate-confirmation-${id}`;
-  const handleGenerate = useCallback(() => {
-    setKey();
-    toast.success(t('authentication:newAPIKeyGenerated'));
-    highlightField(true);
-  }, [highlightField, setKey, t]);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(Button, {
-      buttonStyle: "secondary",
-      onClick: () => {
-        toggleModal(modalSlug);
-      },
-      size: "small",
-      children: t('authentication:generateNewAPIKey')
-    }), /*#__PURE__*/_jsx(ConfirmationModal, {
-      body: /*#__PURE__*/_jsx(Translation, {
-        elements: {
-          1: ({
-            children
-          }) => /*#__PURE__*/_jsx("strong", {
-            children: children
-          })
-        },
-        i18nKey: "authentication:generatingNewAPIKeyWillInvalidate",
-        t: t
-      }),
-      confirmLabel: t('authentication:generate'),
-      heading: t('authentication:confirmGeneration'),
-      modalSlug: modalSlug,
-      onConfirm: handleGenerate
-    })]
+  let t0;
+  if ($[0] !== highlightField || $[1] !== setKey || $[2] !== t) {
+    t0 = () => {
+      setKey();
+      toast.success(t("authentication:newAPIKeyGenerated"));
+      highlightField(true);
+    };
+    $[0] = highlightField;
+    $[1] = setKey;
+    $[2] = t;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  const handleGenerate = t0;
+  let t1;
+  if ($[4] !== modalSlug || $[5] !== toggleModal) {
+    t1 = () => {
+      toggleModal(modalSlug);
+    };
+    $[4] = modalSlug;
+    $[5] = toggleModal;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== handleGenerate || $[8] !== modalSlug || $[9] !== t || $[10] !== t1) {
+    t2 = _jsxs(React.Fragment, {
+      children: [_jsx(Button, {
+        buttonStyle: "secondary",
+        onClick: t1,
+        size: "small",
+        children: t("authentication:generateNewAPIKey")
+      }), _jsx(ConfirmationModal, {
+        body: _jsx(Translation, {
+          elements: {
+            1: _temp
+          },
+          i18nKey: "authentication:generatingNewAPIKeyWillInvalidate",
+          t
+        }),
+        confirmLabel: t("authentication:generate"),
+        heading: t("authentication:confirmGeneration"),
+        modalSlug,
+        onConfirm: handleGenerate
+      })]
+    });
+    $[7] = handleGenerate;
+    $[8] = modalSlug;
+    $[9] = t;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function _temp(t0) {
+  const {
+    children
+  } = t0;
+  return _jsx("strong", {
+    children
   });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","React","useCallback","toast","useDocumentInfo","useTranslation","Button","ConfirmationModal","Translation","GenerateConfirmation","props","highlightField","setKey","id","toggleModal","t","modalSlug","handleGenerate","success","_jsxs","Fragment","_jsx","buttonStyle","onClick","size","body","elements","children","i18nKey","confirmLabel","heading","onConfirm"],"sources":["../../../src/elements/GenerateConfirmation/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\n\nexport type GenerateConfirmationProps = {\n  highlightField: (Boolean) => void\n  setKey: () => void\n}\n\nexport function GenerateConfirmation(props: GenerateConfirmationProps) {\n  const { highlightField, setKey } = props\n\n  const { id } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n\n  const modalSlug = `generate-confirmation-${id}`\n\n  const handleGenerate = useCallback(() => {\n    setKey()\n    toast.success(t('authentication:newAPIKeyGenerated'))\n    highlightField(true)\n  }, [highlightField, setKey, t])\n\n  return (\n    <React.Fragment>\n      <Button\n        buttonStyle=\"secondary\"\n        onClick={() => {\n          toggleModal(modalSlug)\n        }}\n        size=\"small\"\n      >\n        {t('authentication:generateNewAPIKey')}\n      </Button>\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"authentication:generatingNewAPIKeyWillInvalidate\"\n            t={t}\n          />\n        }\n        confirmLabel={t('authentication:generate')}\n        heading={t('authentication:confirmGeneration')}\n        modalSlug={modalSlug}\n        onConfirm={handleGenerate}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,WAAW,QAAQ;AACnC,SAASC,KAAK,QAAQ;AAEtB,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,WAAW,QAAQ;AAO5B,OAAO,SAASC,qBAAqBC,KAAgC;EACnE,MAAM;IAAEC,cAAc;IAAEC;EAAM,CAAE,GAAGF,KAAA;EAEnC,MAAM;IAAEG;EAAE,CAAE,GAAGT,eAAA;EACf,MAAM;IAAEU;EAAW,CAAE,GAAGd,QAAA;EACxB,MAAM;IAAEe;EAAC,CAAE,GAAGV,cAAA;EAEd,MAAMW,SAAA,GAAY,yBAAyBH,EAAA,EAAI;EAE/C,MAAMI,cAAA,GAAiBf,WAAA,CAAY;IACjCU,MAAA;IACAT,KAAA,CAAMe,OAAO,CAACH,CAAA,CAAE;IAChBJ,cAAA,CAAe;EACjB,GAAG,CAACA,cAAA,EAAgBC,MAAA,EAAQG,CAAA,CAAE;EAE9B,oBACEI,KAAA,CAAClB,KAAA,CAAMmB,QAAQ;4BACbC,IAAA,CAACf,MAAA;MACCgB,WAAA,EAAY;MACZC,OAAA,EAASA,CAAA;QACPT,WAAA,CAAYE,SAAA;MACd;MACAQ,IAAA,EAAK;gBAEJT,CAAA,CAAE;qBAELM,IAAA,CAACd,iBAAA;MACCkB,IAAA,eACEJ,IAAA,CAACb,WAAA;QACCkB,QAAA,EAAU;UACR,GAAG,CAAC;YAAEC;UAAQ,CAAE,kBAAKN,IAAA,CAAC;sBAAQM;;QAChC;QACAC,OAAA,EAAQ;QACRb,CAAA,EAAGA;;MAGPc,YAAA,EAAcd,CAAA,CAAE;MAChBe,OAAA,EAASf,CAAA,CAAE;MACXC,SAAA,EAAWA,SAAA;MACXe,SAAA,EAAWd;;;AAInB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useCallback","toast","useDocumentInfo","useTranslation","Button","ConfirmationModal","Translation","GenerateConfirmation","props","$","highlightField","setKey","id","toggleModal","t","modalSlug","t0","success","handleGenerate","t1","t2","_jsxs","Fragment","children","_jsx","buttonStyle","onClick","size","body","elements","1","_temp","i18nKey","heading","onConfirm"],"sources":["../../../src/elements/GenerateConfirmation/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\n\nexport type GenerateConfirmationProps = {\n  highlightField: (Boolean) => void\n  setKey: () => void\n}\n\nexport function GenerateConfirmation(props: GenerateConfirmationProps) {\n  const { highlightField, setKey } = props\n\n  const { id } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const { t } = useTranslation()\n\n  const modalSlug = `generate-confirmation-${id}`\n\n  const handleGenerate = useCallback(() => {\n    setKey()\n    toast.success(t('authentication:newAPIKeyGenerated'))\n    highlightField(true)\n  }, [highlightField, setKey, t])\n\n  return (\n    <React.Fragment>\n      <Button\n        buttonStyle=\"secondary\"\n        onClick={() => {\n          toggleModal(modalSlug)\n        }}\n        size=\"small\"\n      >\n        {t('authentication:generateNewAPIKey')}\n      </Button>\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"authentication:generatingNewAPIKeyWillInvalidate\"\n            t={t}\n          />\n        }\n        confirmLabel={t('authentication:generate')}\n        heading={t('authentication:confirmGeneration')}\n        modalSlug={modalSlug}\n        onConfirm={handleGenerate}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,WAAW,QAAQ;AACnC,SAASC,KAAK,QAAQ;AAEtB,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,WAAW,QAAQ;AAO5B,OAAO,SAAAC,qBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACL;IAAAa,cAAA;IAAAC;EAAA,IAAmCH,KAAA;EAEnC;IAAAI;EAAA,IAAeV,eAAA;EACf;IAAAW;EAAA,IAAwBf,QAAA;EACxB;IAAAgB;EAAA,IAAcX,cAAA;EAEd,MAAAY,SAAA,GAAkB,yBAAyBH,EAAA,EAAI;EAAA,IAAAI,EAAA;EAAA,IAAAP,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAK,CAAA;IAEZE,EAAA,GAAAA,CAAA;MACjCL,MAAA;MACAV,KAAA,CAAAgB,OAAA,CAAcH,CAAA,CAAE;MAChBJ,cAAA,KAAe;IAAA;IACjBD,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAK,CAAA;IAAAL,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAJA,MAAAS,cAAA,GAAuBF,EAIO;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAM,SAAA,IAAAN,CAAA,QAAAI,WAAA;IAMfM,EAAA,GAAAA,CAAA;MACPN,WAAA,CAAYE,SAAA;IAAA;IACdN,CAAA,MAAAM,SAAA;IAAAN,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,IAAAW,EAAA;EAAA,IAAAX,CAAA,QAAAS,cAAA,IAAAT,CAAA,QAAAM,SAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,SAAAU,EAAA;IALJC,EAAA,GAAAC,KAAA,CAAAtB,KAAA,CAAAuB,QAAA;MAAAC,QAAA,GACEC,IAAA,CAAApB,MAAA;QAAAqB,WAAA,EACc;QAAAC,OAAA,EACHP,EAET;QAAAQ,IAAA,EACK;QAAAJ,QAAA,EAEJT,CAAA,CAAE;MAAA,C,GAELU,IAAA,CAAAnB,iBAAA;QAAAuB,IAAA,EAEIJ,IAAA,CAAAlB,WAAA;UAAAuB,QAAA;YAAAC,CAAA,EAAAC;UAAA;UAAAC,OAAA,EAIU;UAAAlB;QAAA,C;sBAIEA,CAAA,CAAE;QAAAmB,OAAA,EACPnB,CAAA,CAAE;QAAAC,SAAA;QAAAmB,SAAA,EAEAhB;MAAA,C;;;;;;;;;;SAvBfE,E;;AAhBG,SAAAW,MAAAf,EAAA;EA8BW;IAAAO;EAAA,IAAAP,EAAY;EAAA,OAAKQ,IAAA,CAAC;IAAAD;EAAA,C","ignoreList":[]}

package/dist/elements/Localizer/index.js

@@ -50,9 +50,9 @@ export const Localizer = props => {
     }
     const t2 = t1.join(" ");
     let t3;
-    if ($[2] !== i18n || $[3] !== locale.code || $[4] !== locales || $[5] !== router || $[6] !== setLocaleIsLoading || $[7] !== startRouteTransition || $[8] !== t2) {
+    if ($[2] !== i18n || $[3] !== locale || $[4] !== locales || $[5] !== router || $[6] !== setLocaleIsLoading || $[7] !== startRouteTransition || $[8] !== t2) {
       let t4;
-      if ($[10] !== i18n || $[11] !== locale.code || $[12] !== locales || $[13] !== router || $[14] !== setLocaleIsLoading || $[15] !== startRouteTransition) {
+      if ($[10] !== i18n || $[11] !== locale || $[12] !== locales || $[13] !== router || $[14] !== setLocaleIsLoading || $[15] !== startRouteTransition) {
         t4 = t5 => {
           const {
             close
@@ -96,7 +96,7 @@ export const Localizer = props => {
           });
         };
         $[10] = i18n;
-        $[11] = locale.code;
+        $[11] = locale;
         $[12] = locales;
         $[13] = router;
         $[14] = setLocaleIsLoading;
@@ -116,7 +116,7 @@ export const Localizer = props => {
         })
       });
       $[2] = i18n;
-      $[3] = locale.code;
+      $[3] = locale;
       $[4] = locales;
       $[5] = router;
       $[6] = setLocaleIsLoading;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","useRouter","qs","React","Fragment","useConfig","useLocale","useLocaleLoading","useRouteTransition","useTranslation","Popup","PopupList","LocalizerLabel","baseClass","Localizer","props","$","className","config","t0","localization","router","startRouteTransition","setLocaleIsLoading","i18n","locale","locales","t1","filter","Boolean","t2","join","t3","code","t4","t5","close","_jsx","ButtonGroup","children","map","localeOption","localeOptionLabel","label","Button","active","disabled","onClick","searchParams","URLSearchParams","window","location","search","url","stringify","parse","toString","depth","ignoreQueryPrefix","addQueryPrefix","push","_jsxs","button","horizontalAlign","render"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { Fragment } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale, useLocaleLoading } from '../../providers/Locale/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\nimport { LocalizerLabel } from './LocalizerLabel/index.js'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { setLocaleIsLoading } = useLocaleLoading()\n\n  const { i18n } = useTranslation()\n  const locale = useLocale()\n\n  if (localization) {\n    const { locales } = localization\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          button={<LocalizerLabel />}\n          horizontalAlign=\"right\"\n          render={({ close }) => (\n            <PopupList.ButtonGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.Button\n                    active={locale.code === localeOption.code}\n                    disabled={locale.code === localeOption.code}\n                    key={localeOption.code}\n                    onClick={() => {\n                      setLocaleIsLoading(true)\n                      close()\n\n                      // can't use `useSearchParams` here because it is stale due to `window.history.pushState` in `ListQueryProvider`\n                      const searchParams = new URLSearchParams(window.location.search)\n\n                      const url = qs.stringify(\n                        {\n                          ...qs.parse(searchParams.toString(), {\n                            depth: 10,\n                            ignoreQueryPrefix: true,\n                          }),\n                          locale: localeOption.code,\n                        },\n                        { addQueryPrefix: true },\n                      )\n\n                      startRouteTransition(() => {\n                        router.push(url)\n                      })\n                    }}\n                  >\n                    {localeOptionLabel !== localeOption.code ? (\n                      <Fragment>\n                        {localeOptionLabel}\n                        &nbsp;\n                        <span\n                          className={`${baseClass}__locale-code`}\n                          data-locale={localeOption.code}\n                        >\n                          {`(${localeOption.code})`}\n                        </span>\n                      </Fragment>\n                    ) : (\n                      <span className={`${baseClass}__locale-code`} data-locale={localeOption.code}>\n                        {localeOptionLabel}\n                      </span>\n                    )}\n                  </PopupList.Button>\n                )\n              })}\n            </PopupList.ButtonGroup>\n          )}\n          showScrollbar\n          size=\"large\"\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","useRouter","qs","React","Fragment","useConfig","useLocale","useLocaleLoading","useRouteTransition","useTranslation","Popup","PopupList","LocalizerLabel","baseClass","Localizer","props","$","className","config","t0","localization","router","startRouteTransition","setLocaleIsLoading","i18n","locale","locales","t1","filter","Boolean","t2","join","t3","t4","t5","close","_jsx","ButtonGroup","children","map","localeOption","localeOptionLabel","label","Button","active","code","disabled","onClick","searchParams","URLSearchParams","window","location","search","url","stringify","parse","toString","depth","ignoreQueryPrefix","addQueryPrefix","push","_jsxs","button","horizontalAlign","render"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { Fragment } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale, useLocaleLoading } from '../../providers/Locale/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\nimport { LocalizerLabel } from './LocalizerLabel/index.js'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { setLocaleIsLoading } = useLocaleLoading()\n\n  const { i18n } = useTranslation()\n  const locale = useLocale()\n\n  if (localization) {\n    const { locales } = localization\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          button={<LocalizerLabel />}\n          horizontalAlign=\"right\"\n          render={({ close }) => (\n            <PopupList.ButtonGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.Button\n                    active={locale.code === localeOption.code}\n                    disabled={locale.code === localeOption.code}\n                    key={localeOption.code}\n                    onClick={() => {\n                      setLocaleIsLoading(true)\n                      close()\n\n                      // can't use `useSearchParams` here because it is stale due to `window.history.pushState` in `ListQueryProvider`\n                      const searchParams = new URLSearchParams(window.location.search)\n\n                      const url = qs.stringify(\n                        {\n                          ...qs.parse(searchParams.toString(), {\n                            depth: 10,\n                            ignoreQueryPrefix: true,\n                          }),\n                          locale: localeOption.code,\n                        },\n                        { addQueryPrefix: true },\n                      )\n\n                      startRouteTransition(() => {\n                        router.push(url)\n                      })\n                    }}\n                  >\n                    {localeOptionLabel !== localeOption.code ? (\n                      <Fragment>\n                        {localeOptionLabel}\n                        &nbsp;\n                        <span\n                          className={`${baseClass}__locale-code`}\n                          data-locale={localeOption.code}\n                        >\n                          {`(${localeOption.code})`}\n                        </span>\n                      </Fragment>\n                    ) : (\n                      <span className={`${baseClass}__locale-code`} data-locale={localeOption.code}>\n                        {localeOptionLabel}\n                      </span>\n                    )}\n                  </PopupList.Button>\n                )\n              })}\n            </PopupList.ButtonGroup>\n          )}\n          showScrollbar\n          size=\"large\"\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,10 @@
+import type { SchedulePublish } from 'payload';
 import React from 'react';
 import type { PublishType } from './types.js';
 import './index.scss';
 type Props = {
     defaultType?: PublishType;
+    schedulePublishConfig?: SchedulePublish;
     slug: string;
 };
 export declare const ScheduleDrawer: React.FC<Props>;

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":"AAUA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,YAAY,CAAA;AAkB5D,OAAO,cAAc,CAAA;AAMrB,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAOD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8U1C,CAAA"}
+{"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;AAO7D,OAAO,KAA+B,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,YAAY,CAAA;AAiB5D,OAAO,cAAc,CAAA;AAOrB,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,qBAAqB,CAAC,EAAE,eAAe,CAAA;IACvC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAOD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+U1C,CAAA"}

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

@@ -23,8 +23,8 @@ import { Drawer } from '../../Drawer/index.js';
 import { Gutter } from '../../Gutter/index.js';
 import { ReactSelect } from '../../ReactSelect/index.js';
 import { ShimmerEffect } from '../../ShimmerEffect/index.js';
-import { Table } from '../../Table/index.js';
 import './index.scss';
+import { Table } from '../../Table/index.js';
 import { TimezonePicker } from '../../TimezonePicker/index.js';
 import { buildUpcomingColumns } from './buildUpcomingColumns.js';
 const baseClass = 'schedule-publish';
@@ -34,7 +34,8 @@ const defaultLocaleOption = {
 };
 export const ScheduleDrawer = ({
   slug,
-  defaultType
+  defaultType,
+  schedulePublishConfig
 }) => {
   const {
     toggleModal
@@ -287,7 +288,8 @@ export const ScheduleDrawer = ({
         onChange: e => onChangeDate(e),
         pickerAppearance: "dayAndTime",
         readOnly: processing,
-        timeIntervals: 5,
+        timeFormat: schedulePublishConfig?.timeFormat,
+        timeIntervals: schedulePublishConfig?.timeIntervals ?? 5,
         value: displayedValue
       }), supportedTimezones.length > 0 && /*#__PURE__*/_jsx(TimezonePicker, {
         id: `timezone-picker`,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TZDateMini","TZDate","useModal","getTranslation","transpose","qs","React","useCallback","useMemo","toast","FieldLabel","Radio","useConfig","useDocumentInfo","useServerFunctions","useTranslation","requests","Banner","DrawerCloseButton","Button","DatePickerField","Drawer","Gutter","ReactSelect","ShimmerEffect","Table","TimezonePicker","buildUpcomingColumns","baseClass","defaultLocaleOption","label","value","ScheduleDrawer","slug","defaultType","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","_jsxs","className","gutter","Header","_jsx","onClick","required","isSelected","onChange","option","path","readOnly","minDate","e","pickerAppearance","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, 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 { 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 { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { Banner } from '../../Banner/index.js'\nimport { DrawerCloseButton } from '../../BulkUpload/DrawerCloseButton/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DatePickerField } from '../../DatePicker/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { Gutter } from '../../Gutter/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { ShimmerEffect } from '../../ShimmerEffect/index.js'\nimport { Table } from '../../Table/index.js'\nimport './index.scss'\nimport { TimezonePicker } from '../../TimezonePicker/index.js'\nimport { buildUpcomingColumns } from './buildUpcomingColumns.js'\n\nconst baseClass = 'schedule-publish'\n\ntype Props = {\n  defaultType?: PublishType\n  slug: string\n}\n\nconst defaultLocaleOption = {\n  label: 'All',\n  value: 'all',\n}\n\nexport const ScheduleDrawer: React.FC<Props> = ({ slug, defaultType }) => {\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, title } = useDocumentInfo()\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-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  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          minDate={new Date()}\n          onChange={(e) => onChangeDate(e)}\n          pickerAppearance=\"dayAndTime\"\n          readOnly={processing}\n          timeIntervals={5}\n          value={displayedValue}\n        />\n        {supportedTimezones.length > 0 && (\n          <TimezonePicker\n            id={`timezone-picker`}\n            onChange={setTimezone}\n            options={supportedTimezones}\n            selectedTimezone={timezone}\n          />\n        )}\n        <br />\n        {localeOptions.length > 0 && type === 'publish' && (\n          <React.Fragment>\n            <FieldLabel label={t('localization:localeToPublish')} />\n            <ReactSelect\n              onChange={(e) => setLocale(e as { label: string; value: string })}\n              options={localeOptions}\n              value={locale}\n            />\n            <br />\n          </React.Fragment>\n        )}\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"primary\"\n            disabled={processing}\n            id=\"scheduled-publish-save\"\n            onClick={handleSave}\n            type=\"button\"\n          >\n            {t('general:save')}\n          </Button>\n          {processing ? <span>{t('general:saving')}</span> : null}\n        </div>\n      </Gutter>\n      <Gutter className={`${baseClass}__upcoming`}>\n        <h4>{t('general:upcomingEvents')}</h4>\n        {!upcoming && <ShimmerEffect />}\n        {upcoming?.length === 0 && (\n          <Banner type=\"info\">{t('general:noUpcomingEventsScheduled')}</Banner>\n        )}\n        {upcoming?.length > 0 && (\n          <Table appearance=\"condensed\" columns={upcomingColumns} data={upcoming} />\n        )}\n      </Gutter>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["TZDateMini","TZDate","useModal","getTranslation","transpose","qs","React","useCallback","useMemo","toast","FieldLabel","Radio","useConfig","useDocumentInfo","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","_jsxs","className","gutter","Header","_jsx","onClick","required","isSelected","onChange","option","path","readOnly","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 { 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 { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { Banner } from '../../Banner/index.js'\nimport { DrawerCloseButton } from '../../BulkUpload/DrawerCloseButton/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DatePickerField } from '../../DatePicker/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { Gutter } from '../../Gutter/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { ShimmerEffect } from '../../ShimmerEffect/index.js'\nimport './index.scss'\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, title } = useDocumentInfo()\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-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  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          minDate={new Date()}\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/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;AAIvD,OAAO,KAAsB,MAAM,OAAO,CAAA;AAc1C,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,wBAAwB,qBAkO3E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAIvD,OAAO,KAAsB,MAAM,OAAO,CAAA;AAc1C,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,wBAAwB,qBAqO3E"}