@payloadcms/ui 4.0.0-internal.7b031c8 → 4.0.0-internal.7b53b6d

package/dist/providers/ToastContainer/index.js

@@ -1,69 +1,147 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+import { useModal } from '@faceless-ui/modal';
+import React, { useCallback, useLayoutEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
 import { Toaster } from 'sonner';
 import { CheckIcon } from '../../icons/Check/index.js';
 import { InfoIcon } from '../../icons/Info/index.js';
 import { WarningIcon } from '../../icons/Warning/index.js';
 import { XIcon } from '../../icons/X/index.js';
+import { getActiveModal } from '../../utilities/getActiveModal.js';
 import './index.css';
-export const ToastContainer = ({
-  config
-}) => {
+export const ToastContainer = t0 => {
+  const $ = _c(6);
   const {
-    admin: {
-      toast: {
-        duration,
-        expand,
-        limit,
-        position
-      } = {}
-    } = {}
+    config
+  } = t0;
+  const {
+    admin: t1
   } = config;
-  return /*#__PURE__*/_jsx(Toaster, {
+  const {
+    toast: t2
+  } = t1 === undefined ? {} : t1;
+  const {
+    duration,
+    expand,
+    limit,
+    position
+  } = t2 === undefined ? {} : t2;
+  const {
+    modalState
+  } = useModal();
+  const [portalContainer, setPortalContainer] = useState(null);
+  const setCloseIconRef = _temp;
+  let t3;
+  let t4;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      const container = document.createElement("div");
+      document.body.appendChild(container);
+      setPortalContainer(container);
+      return () => container.remove();
+    };
+    t4 = [];
+    $[0] = t3;
+    $[1] = t4;
+  } else {
+    t3 = $[0];
+    t4 = $[1];
+  }
+  useLayoutEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[2] !== modalState || $[3] !== portalContainer) {
+    t5 = () => {
+      if (!portalContainer) {
+        return;
+      }
+      const updateContainer = () => {
+        const activeModal = getActiveModal({
+          modalState
+        });
+        const destination = activeModal ?? document.body;
+        if (portalContainer.parentElement !== destination) {
+          destination.appendChild(portalContainer);
+        }
+      };
+      updateContainer();
+      const observer = new MutationObserver(updateContainer);
+      observer.observe(document.body, {
+        attributeFilter: ["open"],
+        attributes: true,
+        childList: true,
+        subtree: true
+      });
+      return () => observer.disconnect();
+    };
+    t6 = [modalState, portalContainer];
+    $[2] = modalState;
+    $[3] = portalContainer;
+    $[4] = t5;
+    $[5] = t6;
+  } else {
+    t5 = $[4];
+    t6 = $[5];
+  }
+  useLayoutEffect(t5, t6);
+  if (!portalContainer) {
+    return null;
+  }
+  return createPortal(_jsx(Toaster, {
     className: "payload-toast-container",
     closeButton: true,
-    // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing "undefined" opts out of RTL/LTR handling
     dir: "undefined",
-    duration: duration ?? 4000,
+    duration: duration ?? 6000,
     expand: expand ?? false,
     gap: 8,
     icons: {
-      close: /*#__PURE__*/_jsx(XIcon, {
-        size: 24
+      close: _jsx("span", {
+        "aria-hidden": "true",
+        ref: setCloseIconRef,
+        style: {
+          display: "contents"
+        },
+        children: _jsx(XIcon, {
+          size: 24
+        })
       }),
-      error: /*#__PURE__*/_jsx(WarningIcon, {}),
-      info: /*#__PURE__*/_jsx(InfoIcon, {}),
-      success: /*#__PURE__*/_jsx(CheckIcon, {
+      error: _jsx(WarningIcon, {}),
+      info: _jsx(InfoIcon, {}),
+      success: _jsx(CheckIcon, {
         size: 24
       }),
-      warning: /*#__PURE__*/_jsx(WarningIcon, {})
+      warning: _jsx(WarningIcon, {})
     },
     offset: {
-      bottom: 'var(--spacer-6)',
-      right: 'var(--spacer-6)'
+      bottom: "var(--spacer-6)",
+      right: "var(--spacer-6)"
     },
-    position: position ?? 'bottom-right',
+    position: position ?? "bottom-right",
     style: {
-      width: '280px'
+      width: "280px"
     },
     theme: "dark",
     toastOptions: {
       classNames: {
-        closeButton: 'payload-toast-close-button',
-        content: 'toast-content',
-        error: 'toast-error',
-        icon: 'toast-icon',
-        info: 'toast-info',
-        success: 'toast-success',
-        title: 'toast-title',
-        toast: 'payload-toast-item',
-        warning: 'toast-warning'
+        closeButton: "payload-toast-close-button",
+        content: "toast-content",
+        error: "toast-error",
+        icon: "toast-icon",
+        info: "toast-info",
+        success: "toast-success",
+        title: "toast-title",
+        toast: "payload-toast-item",
+        warning: "toast-warning"
       },
       unstyled: true
     },
     visibleToasts: limit ?? 5
-  });
+  }), portalContainer);
 };
+function _temp(element) {
+  element?.closest("[data-close-button]")?.setAttribute("aria-live", "off");
+}
 //# sourceMappingURL=index.js.map

package/dist/providers/ToastContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Toaster","CheckIcon","InfoIcon","WarningIcon","XIcon","ToastContainer","config","admin","toast","duration","expand","limit","position","_jsx","className","closeButton","dir","gap","icons","close","size","error","info","success","warning","offset","bottom","right","style","width","theme","toastOptions","classNames","content","icon","title","unstyled","visibleToasts"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport React from 'react'\nimport { Toaster } from 'sonner'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport './index.css'\n\nexport const ToastContainer: React.FC<{\n  config: ClientConfig\n}> = ({ config }) => {\n  const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n  return (\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing \"undefined\" opts out of RTL/LTR handling\n      dir=\"undefined\"\n      duration={duration ?? 4000}\n      expand={expand ?? false}\n      gap={8}\n      icons={{\n        close: <XIcon size={24} />,\n        error: <WarningIcon />,\n        info: <InfoIcon />,\n        success: <CheckIcon size={24} />,\n        warning: <WarningIcon />,\n      }}\n      offset={{\n        bottom: 'var(--spacer-6)',\n        right: 'var(--spacer-6)',\n      }}\n      position={position ?? 'bottom-right'}\n      style={{\n        width: '280px',\n      }}\n      theme=\"dark\"\n      toastOptions={{\n        classNames: {\n          closeButton: 'payload-toast-close-button',\n          content: 'toast-content',\n          error: 'toast-error',\n          icon: 'toast-icon',\n          info: 'toast-info',\n          success: 'toast-success',\n          title: 'toast-title',\n          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={limit ?? 5}\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,OAAO,QAAQ;AAExB,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,OAAO;AAEP,OAAO,MAAMC,cAAA,GAERA,CAAC;EAAEC;AAAM,CAAE;EACd,MAAM;IAAEC,KAAA,EAAO;MAAEC,KAAA,EAAO;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,KAAK;QAAEC;MAAQ,CAAE,GAAG,CAAC;IAAC,CAAE,GAAG,CAAC;EAAC,CAAE,GAAGN,MAAA;EAE9E,oBACEO,IAAA,CAACb,OAAA;IACCc,SAAA,EAAU;IACVC,WAAW;IACX;IACAC,GAAA,EAAI;IACJP,QAAA,EAAUA,QAAA,IAAY;IACtBC,MAAA,EAAQA,MAAA,IAAU;IAClBO,GAAA,EAAK;IACLC,KAAA,EAAO;MACLC,KAAA,eAAON,IAAA,CAACT,KAAA;QAAMgB,IAAA,EAAM;;MACpBC,KAAA,eAAOR,IAAA,CAACV,WAAA;MACRmB,IAAA,eAAMT,IAAA,CAACX,QAAA;MACPqB,OAAA,eAASV,IAAA,CAACZ,SAAA;QAAUmB,IAAA,EAAM;;MAC1BI,OAAA,eAASX,IAAA,CAACV,WAAA;IACZ;IACAsB,MAAA,EAAQ;MACNC,MAAA,EAAQ;MACRC,KAAA,EAAO;IACT;IACAf,QAAA,EAAUA,QAAA,IAAY;IACtBgB,KAAA,EAAO;MACLC,KAAA,EAAO;IACT;IACAC,KAAA,EAAM;IACNC,YAAA,EAAc;MACZC,UAAA,EAAY;QACVjB,WAAA,EAAa;QACbkB,OAAA,EAAS;QACTZ,KAAA,EAAO;QACPa,IAAA,EAAM;QACNZ,IAAA,EAAM;QACNC,OAAA,EAAS;QACTY,KAAA,EAAO;QACP3B,KAAA,EAAO;QACPgB,OAAA,EAAS;MACX;MACAY,QAAA,EAAU;IACZ;IACAC,aAAA,EAAe1B,KAAA,IAAS;;AAG9B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useCallback","useLayoutEffect","useState","createPortal","Toaster","CheckIcon","InfoIcon","WarningIcon","XIcon","getActiveModal","ToastContainer","t0","$","config","admin","t1","toast","t2","undefined","duration","expand","limit","position","modalState","portalContainer","setPortalContainer","setCloseIconRef","_temp","t3","t4","Symbol","for","container","document","createElement","body","appendChild","remove","t5","t6","updateContainer","activeModal","destination","parentElement","observer","MutationObserver","observe","attributeFilter","attributes","childList","subtree","disconnect","_jsx","className","closeButton","dir","gap","icons","close","ref","style","display","children","size","info","success","offset","bottom","right","width","theme","toastOptions","classNames","content","error","icon","title","warning","unstyled","visibleToasts","element","closest","setAttribute"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useLayoutEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { Toaster } from 'sonner'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { getActiveModal } from '../../utilities/getActiveModal.js'\nimport './index.css'\n\nexport const ToastContainer: React.FC<{\n  config: ClientConfig\n}> = ({ config }) => {\n  const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n  const { modalState } = useModal()\n  const [portalContainer, setPortalContainer] = useState<HTMLDivElement | null>(null)\n  const setCloseIconRef = useCallback((element: HTMLSpanElement | null) => {\n    element?.closest('[data-close-button]')?.setAttribute('aria-live', 'off')\n  }, [])\n\n  useLayoutEffect(() => {\n    const container = document.createElement('div')\n\n    document.body.appendChild(container)\n    setPortalContainer(container)\n    return () => container.remove()\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!portalContainer) {\n      return\n    }\n    const updateContainer = () => {\n      const activeModal = getActiveModal({ modalState })\n      const destination = activeModal ?? document.body\n\n      // Move the portal host, preserving Sonner's mounted state and pending notifications.\n      if (portalContainer.parentElement !== destination) {\n        destination.appendChild(portalContainer)\n      }\n    }\n\n    updateContainer()\n    const observer = new MutationObserver(updateContainer)\n\n    observer.observe(document.body, {\n      attributeFilter: ['open'],\n      attributes: true,\n      childList: true,\n      subtree: true,\n    })\n    return () => observer.disconnect()\n  }, [modalState, portalContainer])\n\n  if (!portalContainer) {\n    return null\n  }\n\n  return createPortal(\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing \"undefined\" opts out of RTL/LTR handling\n      dir=\"undefined\"\n      duration={duration ?? 6000}\n      expand={expand ?? false}\n      gap={8}\n      icons={{\n        close: (\n          <span aria-hidden=\"true\" ref={setCloseIconRef} style={{ display: 'contents' }}>\n            <XIcon size={24} />\n          </span>\n        ),\n        error: <WarningIcon />,\n        info: <InfoIcon />,\n        success: <CheckIcon size={24} />,\n        warning: <WarningIcon />,\n      }}\n      offset={{\n        bottom: 'var(--spacer-6)',\n        right: 'var(--spacer-6)',\n      }}\n      position={position ?? 'bottom-right'}\n      style={{\n        width: '280px',\n      }}\n      theme=\"dark\"\n      toastOptions={{\n        classNames: {\n          closeButton: 'payload-toast-close-button',\n          content: 'toast-content',\n          error: 'toast-error',\n          icon: 'toast-icon',\n          info: 'toast-info',\n          success: 'toast-success',\n          title: 'toast-title',\n          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={limit ?? 5}\n    />,\n    portalContainer,\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/Translation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Translation/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,EACV,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,KAAK,WAAW,CACd,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,IACrD;IACF,IAAI,EAAE,CAAC,gCAAgC,CAAC,SAAS,CAAC,KAAK,CAAC,GACpD,UAAU,GACV,uBAAuB,SAAS,MAAM,GACpC,UAAU,CAAC,uBAAuB,EAAE,gCAAgC,CAAC,GACrE,UAAU,CAAC,wBAAwB,EAAE,gCAAgC,CAAC,CAAA;IAC5E,eAAe,EAAE,eAAe,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,CAAC,EAAE,SAAS,CAAC,qBAAqB,GAAG,OAAO,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC,CAAA;CACxF,CAAA;AAiBD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IAC7C,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgE/C,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,6EACkC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Translation/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,EACV,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,KAAK,WAAW,CACd,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,IACrD;IACF,IAAI,EAAE,CAAC,gCAAgC,CAAC,SAAS,CAAC,KAAK,CAAC,GACpD,UAAU,GACV,uBAAuB,SAAS,MAAM,GACpC,UAAU,CAAC,uBAAuB,EAAE,gCAAgC,CAAC,GACrE,UAAU,CAAC,wBAAwB,EAAE,gCAAgC,CAAC,CAAA;IAC5E,eAAe,EAAE,eAAe,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,CAAC,EAAE,SAAS,CAAC,qBAAqB,GAAG,OAAO,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC,CAAA;CACxF,CAAA;AAiBD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IAC7C,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6E/C,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,6EACkC,CAAA"}

package/dist/providers/Translation/index.js

@@ -72,11 +72,21 @@ export const TranslationProvider = t0 => {
   let t4;
   if ($[5] !== dateFNSKey) {
     t3 = () => {
+      if (dateFNSKey === "en-US") {
+        setDateFNS(enUS);
+        return;
+      }
+      let isCancelled = false;
       const loadDateFNS = async () => {
         const imported = await importDateFNSLocale(dateFNSKey);
-        setDateFNS(imported);
+        if (!isCancelled) {
+          setDateFNS(imported);
+        }
       };
       loadDateFNS();
+      return () => {
+        isCancelled = true;
+      };
     };
     t4 = [dateFNSKey];
     $[5] = dateFNSKey;

package/dist/providers/Translation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","importDateFNSLocale","t","enUS","React","createContext","use","useEffect","useState","useRouter","useServerFunctions","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","t0","$","children","fallbackLang","router","switchLanguageServerFn","setDateFNS","t1","vars","nextT","t2","lang","refresh","t3","error","console","t4","loadDateFNS","imported","t5","_jsx","value","useTranslation"],"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  AcceptedLanguages,\n  ClientTranslationKeys,\n  ClientTranslationsObject,\n  I18nClient,\n  I18nOptions,\n  Language,\n  TFunction,\n} from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { LanguageOptions } from 'payload'\n\nimport { importDateFNSLocale, t } from '@payloadcms/translations'\nimport { enUS } from 'date-fns/locale/en-US'\nimport React, { createContext, use, useEffect, useState } from 'react'\n\nimport { useRouter } from '../RouterAdapter/index.js'\nimport { useServerFunctions } from '../ServerFunctions/index.js'\n\ntype ContextType<\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n> = {\n  i18n: [TAdditionalClientTranslationKeys] extends [never]\n    ? I18nClient\n    : TAdditionalTranslations extends object\n      ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys>\n      : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: AcceptedLanguages) => Promise<void>\n  t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>\n}\n\nconst Context = createContext<ContextType<any, any>>({\n  // Use `any` here to be replaced later with a more specific type when used\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {} as any,\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => undefined,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: I18nOptions['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  translations: I18nClient['translations']\n}\n\nexport const TranslationProvider: React.FC<Props> = ({\n  children,\n  dateFNSKey,\n  fallbackLang,\n  language,\n  languageOptions,\n  translations,\n}) => {\n  const router = useRouter()\n  const { switchLanguage: switchLanguageServerFn } = useServerFunctions()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT: ContextType['t'] = React.useCallback(\n    (key, vars): string =>\n      t({\n        key,\n        translations,\n        vars,\n      }),\n    [translations],\n  )\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerFn(lang)\n        router.refresh()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerFn, router],\n  )\n\n  useEffect(() => {\n    const loadDateFNS = async () => {\n      const imported = await importDateFNSLocale(dateFNSKey)\n\n      setDateFNS(imported)\n    }\n\n    void loadDateFNS()\n  }, [dateFNSKey])\n\n  return (\n    <Context\n      value={{\n        i18n: {\n          dateFNS,\n          dateFNSKey,\n          fallbackLanguage: fallbackLang,\n          language,\n          t: nextT,\n          translations,\n        },\n        languageOptions,\n        switchLanguage,\n        t: nextT,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport const useTranslation = <\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n>() => use<ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>>(Context)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","importDateFNSLocale","t","enUS","React","createContext","use","useEffect","useState","useRouter","useServerFunctions","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","t0","$","children","fallbackLang","router","switchLanguageServerFn","setDateFNS","t1","vars","nextT","t2","lang","refresh","t3","error","console","t4","isCancelled","loadDateFNS","imported","t5","_jsx","value","useTranslation"],"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  AcceptedLanguages,\n  ClientTranslationKeys,\n  ClientTranslationsObject,\n  I18nClient,\n  I18nOptions,\n  Language,\n  TFunction,\n} from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { LanguageOptions } from 'payload'\n\nimport { importDateFNSLocale, t } from '@payloadcms/translations'\nimport { enUS } from 'date-fns/locale/en-US'\nimport React, { createContext, use, useEffect, useState } from 'react'\n\nimport { useRouter } from '../RouterAdapter/index.js'\nimport { useServerFunctions } from '../ServerFunctions/index.js'\n\ntype ContextType<\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n> = {\n  i18n: [TAdditionalClientTranslationKeys] extends [never]\n    ? I18nClient\n    : TAdditionalTranslations extends object\n      ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys>\n      : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: AcceptedLanguages) => Promise<void>\n  t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>\n}\n\nconst Context = createContext<ContextType<any, any>>({\n  // Use `any` here to be replaced later with a more specific type when used\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {} as any,\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => undefined,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: I18nOptions['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  translations: I18nClient['translations']\n}\n\nexport const TranslationProvider: React.FC<Props> = ({\n  children,\n  dateFNSKey,\n  fallbackLang,\n  language,\n  languageOptions,\n  translations,\n}) => {\n  const router = useRouter()\n  const { switchLanguage: switchLanguageServerFn } = useServerFunctions()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT: ContextType['t'] = React.useCallback(\n    (key, vars): string =>\n      t({\n        key,\n        translations,\n        vars,\n      }),\n    [translations],\n  )\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerFn(lang)\n        router.refresh()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerFn, router],\n  )\n\n  useEffect(() => {\n    // en-US is date-fns' default locale, so it's already part of the bundle\n    if (dateFNSKey === 'en-US') {\n      setDateFNS(enUS)\n      return\n    }\n\n    let isCancelled = false\n    const loadDateFNS = async () => {\n      const imported = await importDateFNSLocale(dateFNSKey)\n\n      if (!isCancelled) {\n        setDateFNS(imported)\n      }\n    }\n\n    void loadDateFNS()\n\n    return () => {\n      isCancelled = true\n    }\n  }, [dateFNSKey])\n\n  return (\n    <Context\n      value={{\n        i18n: {\n          dateFNS,\n          dateFNSKey,\n          fallbackLanguage: fallbackLang,\n          language,\n          t: nextT,\n          translations,\n        },\n        languageOptions,\n        switchLanguage,\n        t: nextT,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport const useTranslation = <\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n>() => use<ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>>(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAaA,SAASC,mBAAmB,EAAEC,CAAC,QAAQ;AACvC,SAASC,IAAI,QAAQ;AACrB,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAE/D,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AAgBnC,MAAMC,OAAA,gBAAUN,aAAA,CAAqC;EACnD;EACAO,IAAA,EAAM;IACJC,OAAA,EAASV,IAAA;IACTW,UAAA,EAAY;IACZC,gBAAA,EAAkB;IAClBC,QAAA,EAAU;IACVd,CAAA,EAAIe,GAAA,IAAQA,GAAA;IACZC,YAAA,EAAc,CAAC;EACjB;EACAC,eAAA,EAAiBC,SAAA;EACjBC,cAAA,EAAgBD,SAAA;EAChBlB,CAAA,EAAIe,GAAA,IAAQG;AACd;AAWA,OAAO,MAAME,mBAAA,GAAuCC,EAAA;EAAA,MAAAC,CAAA,GAAAxB,EAAA;EAAC;IAAAyB,QAAA;IAAAX,UAAA;IAAAY,YAAA;IAAAV,QAAA;IAAAG,eAAA;IAAAD;EAAA,IAAAK,EAOpD;EACC,MAAAI,MAAA,GAAelB,SAAA;EACf;IAAAY,cAAA,EAAAO;EAAA,IAAmDlB,kBAAA;EACnD,OAAAG,OAAA,EAAAgB,UAAA,IAA8BrB,QAAA;EAAA,IAAAsB,EAAA;EAAA,IAAAN,CAAA,QAAAN,YAAA;IAG5BY,EAAA,GAAAA,CAAAb,GAAA,EAAAc,IAAA,KACE7B,CAAA,CAAE;MAAAe,GAAA;MAAAC,YAAA;MAAAa;IAIF;IAAAP,CAAA,MAAAN,YAAA;IAAAM,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EANJ,MAAAQ,KAAA,GAAgCF,EAOhB;EAAA,IAAAG,EAAA;EAAA,IAAAT,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAI,sBAAA;IAIdK,EAAA,SAAAC,IAAA;MAAA;MACE;QACE,MAAMN,sBAAA,CAAuBM,IAAA;QAC7BP,MAAA,CAAAQ,OAAc;MAAA,SAAAC,EAAA;QACPC,KAAA,CAAAA,KAAA,CAAAA,CAAA,CAAAA,EAAA;QAEPC,OAAA,CAAAD,KAAa,CAAC,4BAA4BH,IAAA,GAAO,EAAEG,KAAA;MAAA;IACrD,CACF;IAAAb,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAI,sBAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EATF,MAAAH,cAAA,GAAuBY,EAUW;EAAA,IAAAG,EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAf,CAAA,QAAAV,UAAA;IAGxBsB,EAAA,GAAAA,CAAA;MAER,IAAItB,UAAA,KAAe;QACjBe,UAAA,CAAW1B,IAAA;QAAA;MAAA;MAIb,IAAAqC,WAAA,GAAkB;MAClB,MAAAC,WAAA,GAAoB,MAAAA,CAAA;QAClB,MAAAC,QAAA,GAAiB,MAAMzC,mBAAA,CAAoBa,UAAA;QAE3C,IAAI,CAAC0B,WAAA;UACHX,UAAA,CAAWa,QAAA;QAAA;MACb,CACF;MAEKD,WAAA;MAAA,OAEE;QACLD,WAAA,CAAAA,CAAA,CAAcA,IAAA;MAAd,CACF;IAAA,CACF;IAAGD,EAAA,IAACzB,UAAA,CAAW;IAAAU,CAAA,MAAAV,UAAA;IAAAU,CAAA,MAAAY,EAAA;IAAAZ,CAAA,MAAAe,EAAA;EAAA;IAAAH,EAAA,GAAAZ,CAAA;IAAAe,EAAA,GAAAf,CAAA;EAAA;EArBfjB,SAAA,CAAU6B,EAqBV,EAAGG,EAAY;EAAA,IAAAI,EAAA;EAAA,IAAAnB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAX,OAAA,IAAAW,CAAA,SAAAV,UAAA,IAAAU,CAAA,SAAAE,YAAA,IAAAF,CAAA,SAAAR,QAAA,IAAAQ,CAAA,SAAAL,eAAA,IAAAK,CAAA,SAAAQ,KAAA,IAAAR,CAAA,SAAAH,cAAA,IAAAG,CAAA,SAAAN,YAAA;IAGbyB,EAAA,GAAAC,IAAA,CAACjC,OAAA;MAAAkC,KAAA,EACQ;QAAAjC,IAAA,EACC;UAAAC,OAAA;UAAAC,UAAA;UAAAC,gBAAA,EAGcW,YAAA;UAAAV,QAAA;UAAAd,CAAA,EAEf8B,KAAA;UAAAd;QAEL;QAAAC,eAAA;QAAAE,cAAA;QAAAnB,CAAA,EAGG8B;MACL;MAAAP;;;;;;;;;;;;;;;SAbFkB,E;CAkBJ;AAEA,OAAO,MAAMG,cAAA,GAAiBA,CAAA,KAGvBxC,GAAA,CAA4EK,OAAA","ignoreList":[]}

package/dist/providers/UploadControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useState","Context","undefined","UploadControlsProvider","t0","$","children","uploadControlFileName","setUploadControlFileName","uploadControlFileUrl","setUploadControlFileUrl","uploadControlFile","setUploadControlFile","t1","_jsx","value","useUploadControls","context","Error"],"sources":["../../../src/providers/UploadControls/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useState } from 'react'\n\nexport type UploadControlsContext = {\n  setUploadControlFile: (file: File) => void\n  setUploadControlFileName: (name: string) => void\n  setUploadControlFileUrl: (url: string) => void\n  uploadControlFile: File | null\n  uploadControlFileName: null | string\n  uploadControlFileUrl: string\n}\n\nconst Context = createContext<UploadControlsContext>(undefined)\n\nexport const UploadControlsProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [uploadControlFileName, setUploadControlFileName] = useState<null | string>(null)\n  const [uploadControlFileUrl, setUploadControlFileUrl] = useState<string>('')\n  const [uploadControlFile, setUploadControlFile] = useState<File | null>(null)\n\n  return (\n    <Context\n      value={{\n        setUploadControlFile,\n        setUploadControlFileName,\n        setUploadControlFileUrl,\n        uploadControlFile,\n        uploadControlFileName,\n        uploadControlFileUrl,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport const useUploadControls = (): UploadControlsContext => {\n  const context = use(Context)\n  if (!context) {\n    throw new Error('useUploadControls must be used within an UploadControlsProvider')\n  }\n  return context\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ;AAWpD,MAAMC,OAAA,gBAAUH,aAAA,CAAqCI,SAAA;AAErD,OAAO,MAAMC,sBAAA,GAAkEC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAY;EAC1F,OAAAG,qBAAA,EAAAC,wBAAA,IAA0DR,QAAA,KAAwB;EAClF,OAAAS,oBAAA,EAAAC,uBAAA,IAAwDV,QAAA,CAAiB;EACzE,OAAAW,iBAAA,EAAAC,oBAAA,IAAkDZ,QAAA,KAAsB;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAM,iBAAA,IAAAN,CAAA,QAAAE,qBAAA,IAAAF,CAAA,QAAAI,oBAAA;IAGtEI,EAAA,GAAAC,IAAA,CAAAb,OAAA;MAAAc,KAAA;QAAAH,oBAAA;QAAAJ,wBAAA;QAAAE,uBAAA;QAAAC,iBAAA;QAAAJ,qBAAA;QAAAE;MAAA;MAAAH;IAAA,C;;;;;;;;;SAAAO,E;CAaJ;AAEA,OAAO,MAAMG,iBAAA,GAAoBA,CAAA;EAC/B,MAAMC,OAAA,GAAUlB,GAAA,CAAIE,OAAA;EACpB,IAAI,CAACgB,OAAA,EAAS;IACZ,MAAM,IAAIC,KAAA,CAAM;EAClB;EACA,OAAOD,OAAA;AACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useState","Context","undefined","UploadControlsProvider","t0","$","children","uploadControlFileName","setUploadControlFileName","uploadControlFileUrl","setUploadControlFileUrl","uploadControlFile","setUploadControlFile","t1","_jsx","value","useUploadControls","context","Error"],"sources":["../../../src/providers/UploadControls/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useState } from 'react'\n\nexport type UploadControlsContext = {\n  setUploadControlFile: (file: File) => void\n  setUploadControlFileName: (name: string) => void\n  setUploadControlFileUrl: (url: string) => void\n  uploadControlFile: File | null\n  uploadControlFileName: null | string\n  uploadControlFileUrl: string\n}\n\nconst Context = createContext<UploadControlsContext>(undefined)\n\nexport const UploadControlsProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [uploadControlFileName, setUploadControlFileName] = useState<null | string>(null)\n  const [uploadControlFileUrl, setUploadControlFileUrl] = useState<string>('')\n  const [uploadControlFile, setUploadControlFile] = useState<File | null>(null)\n\n  return (\n    <Context\n      value={{\n        setUploadControlFile,\n        setUploadControlFileName,\n        setUploadControlFileUrl,\n        uploadControlFile,\n        uploadControlFileName,\n        uploadControlFileUrl,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport const useUploadControls = (): UploadControlsContext => {\n  const context = use(Context)\n  if (!context) {\n    throw new Error('useUploadControls must be used within an UploadControlsProvider')\n  }\n  return context\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ;AAWpD,MAAMC,OAAA,gBAAUH,aAAA,CAAqCI,SAAA;AAErD,OAAO,MAAMC,sBAAA,GAAkEC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAY;EAC1F,OAAAG,qBAAA,EAAAC,wBAAA,IAA0DR,QAAA,CAAwB;EAClF,OAAAS,oBAAA,EAAAC,uBAAA,IAAwDV,QAAA,CAAiB;EACzE,OAAAW,iBAAA,EAAAC,oBAAA,IAAkDZ,QAAA,CAAsB;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAM,iBAAA,IAAAN,CAAA,QAAAE,qBAAA,IAAAF,CAAA,QAAAI,oBAAA;IAGtEI,EAAA,GAAAC,IAAA,CAACb,OAAA;MAAAc,KAAA,EACQ;QAAAH,oBAAA;QAAAJ,wBAAA;QAAAE,uBAAA;QAAAC,iBAAA;QAAAJ,qBAAA;QAAAE;MAOP;MAAAH;;;;;;;;;;SARFO,E;CAaJ;AAEA,OAAO,MAAMG,iBAAA,GAAoBA,CAAA;EAC/B,MAAMC,OAAA,GAAUlB,GAAA,CAAIE,OAAA;EACpB,IAAI,CAACgB,OAAA,EAAS;IACZ,MAAM,IAAIC,KAAA,CAAM;EAClB;EACA,OAAOD,OAAA;AACT","ignoreList":[]}

package/dist/providers/UploadEdits/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Context","createContext","getUploadEdits","undefined","resetUploadEdits","updateUploadEdits","uploadEdits","UploadEditsProvider","t0","$","children","initialUploadEdits","t1","setUploadEdits","useState","t2","Symbol","for","t3","edits","prevEdits","t4","t5","_jsx","value","useUploadEdits","use"],"sources":["../../../src/providers/UploadEdits/index.tsx"],"sourcesContent":["'use client'\nimport type { UploadEdits } from 'payload'\n\nimport React from 'react'\n\nexport type UploadEditsProviderProps = {\n  children: React.ReactNode\n  initialUploadEdits?: UploadEdits\n}\nexport type UploadEditsContext = {\n  getUploadEdits: () => UploadEdits\n  resetUploadEdits: () => void\n  updateUploadEdits: (edits: UploadEdits) => void\n  uploadEdits: UploadEdits\n}\n\nconst Context = React.createContext<UploadEditsContext>({\n  getUploadEdits: () => undefined,\n  resetUploadEdits: undefined,\n  updateUploadEdits: undefined,\n  uploadEdits: undefined,\n})\n\nexport const UploadEditsProvider = ({ children, initialUploadEdits }: UploadEditsProviderProps) => {\n  const [uploadEdits, setUploadEdits] = React.useState<UploadEdits>(initialUploadEdits || {})\n\n  const resetUploadEdits = () => {\n    setUploadEdits({})\n  }\n\n  const updateUploadEdits = (edits: UploadEdits) => {\n    setUploadEdits((prevEdits) => ({\n      ...(prevEdits || {}),\n      ...(edits || {}),\n    }))\n  }\n\n  const getUploadEdits = () => uploadEdits\n\n  return (\n    <Context value={{ getUploadEdits, resetUploadEdits, updateUploadEdits, uploadEdits }}>\n      {children}\n    </Context>\n  )\n}\n\nexport const useUploadEdits = (): UploadEditsContext => React.use(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAalB,MAAMC,OAAA,gBAAUD,KAAA,CAAME,aAAa,CAAqB;EACtDC,cAAA,EAAgBA,CAAA,KAAMC,SAAA;EACtBC,gBAAA,EAAkBD,SAAA;EAClBE,iBAAA,EAAmBF,SAAA;EACnBG,WAAA,EAAaH;AACf;AAEA,OAAO,MAAMI,mBAAA,GAAsBC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,QAAA;IAAAC;EAAA,IAAAH,EAA0D;EAAA,IAAAI,EAAA;EAAA,IAAAH,CAAA,QAAAE,kBAAA;IAC1BC,EAAA,GAAAD,kBAAA,MAAuB;IAAAF,CAAA,MAAAE,kBAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAzF,OAAAH,WAAA,EAAAO,cAAA,IAAsCd,KAAA,CAAAe,QAAA,CAA4BF,EAAuB;EAAA,IAAAG,EAAA;EAAA,IAAAN,CAAA,QAAAO,MAAA,CAAAC,GAAA;IAEhEF,EAAA,GAAAA,CAAA;MACvBF,cAAA,GAAgB;IAAA;IAClBJ,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAFA,MAAAL,gBAAA,GAAyBW,EAEzB;EAAA,IAAAG,EAAA;EAAA,IAAAT,CAAA,QAAAO,MAAA,CAAAC,GAAA;IAE0BC,EAAA,GAAAC,KAAA;MACxBN,cAAA,CAAAO,SAAA;QAAA,IACMA,SAAA,MAAe;QAAA,IACfD,KAAA,MAAW;MAAA,EACjB;IAAA;IACFV,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EALA,MAAAJ,iBAAA,GAA0Ba,EAK1B;EAAA,IAAAG,EAAA;EAAA,IAAAZ,CAAA,QAAAH,WAAA;IAEuBe,EAAA,GAAAA,CAAA,KAAMf,WAAA;IAAAG,CAAA,MAAAH,WAAA;IAAAG,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAA7B,MAAAP,cAAA,GAAuBmB,EAAM;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAP,cAAA,IAAAO,CAAA,QAAAH,WAAA;IAG3BgB,EAAA,GAAAC,IAAA,CAAAvB,OAAA;MAAAwB,KAAA;QAAAtB,cAAA;QAAAE,gBAAA;QAAAC,iBAAA;QAAAC;MAAA;MAAAI;IAAA,C;;;;;;;;SAAAY,E;CAIJ;AAEA,OAAO,MAAMG,cAAA,GAAiBA,CAAA,KAA0B1B,KAAA,CAAM2B,GAAG,CAAC1B,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Context","createContext","getUploadEdits","undefined","resetUploadEdits","updateUploadEdits","uploadEdits","UploadEditsProvider","t0","$","children","initialUploadEdits","t1","setUploadEdits","useState","t2","Symbol","for","t3","edits","prevEdits","t4","t5","_jsx","value","useUploadEdits","use"],"sources":["../../../src/providers/UploadEdits/index.tsx"],"sourcesContent":["'use client'\nimport type { UploadEdits } from 'payload'\n\nimport React from 'react'\n\nexport type UploadEditsProviderProps = {\n  children: React.ReactNode\n  initialUploadEdits?: UploadEdits\n}\nexport type UploadEditsContext = {\n  getUploadEdits: () => UploadEdits\n  resetUploadEdits: () => void\n  updateUploadEdits: (edits: UploadEdits) => void\n  uploadEdits: UploadEdits\n}\n\nconst Context = React.createContext<UploadEditsContext>({\n  getUploadEdits: () => undefined,\n  resetUploadEdits: undefined,\n  updateUploadEdits: undefined,\n  uploadEdits: undefined,\n})\n\nexport const UploadEditsProvider = ({ children, initialUploadEdits }: UploadEditsProviderProps) => {\n  const [uploadEdits, setUploadEdits] = React.useState<UploadEdits>(initialUploadEdits || {})\n\n  const resetUploadEdits = () => {\n    setUploadEdits({})\n  }\n\n  const updateUploadEdits = (edits: UploadEdits) => {\n    setUploadEdits((prevEdits) => ({\n      ...(prevEdits || {}),\n      ...(edits || {}),\n    }))\n  }\n\n  const getUploadEdits = () => uploadEdits\n\n  return (\n    <Context value={{ getUploadEdits, resetUploadEdits, updateUploadEdits, uploadEdits }}>\n      {children}\n    </Context>\n  )\n}\n\nexport const useUploadEdits = (): UploadEditsContext => React.use(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAalB,MAAMC,OAAA,gBAAUD,KAAA,CAAME,aAAa,CAAqB;EACtDC,cAAA,EAAgBA,CAAA,KAAMC,SAAA;EACtBC,gBAAA,EAAkBD,SAAA;EAClBE,iBAAA,EAAmBF,SAAA;EACnBG,WAAA,EAAaH;AACf;AAEA,OAAO,MAAMI,mBAAA,GAAsBC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,QAAA;IAAAC;EAAA,IAAAH,EAA0D;EAAA,IAAAI,EAAA;EAAA,IAAAH,CAAA,QAAAE,kBAAA;IAC1BC,EAAA,GAAAD,kBAAuB,IAAvB,CAAuB;IAAAF,CAAA,MAAAE,kBAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAzF,OAAAH,WAAA,EAAAO,cAAA,IAAsCd,KAAA,CAAAe,QAAc,CAAcF,EAAuB;EAAA,IAAAG,EAAA;EAAA,IAAAN,CAAA,QAAAO,MAAA,CAAAC,GAAA;IAEhEF,EAAA,GAAAA,CAAA;MACvBF,cAAA,CAAe,CAAC;IAAA,CAClB;IAAAJ,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAFA,MAAAL,gBAAA,GAAyBW,EAEzB;EAAA,IAAAG,EAAA;EAAA,IAAAT,CAAA,QAAAO,MAAA,CAAAC,GAAA;IAE0BC,EAAA,GAAAC,KAAA;MACxBN,cAAA,CAAeO,SAAA,KAAgB;QAAA,IACzBA,SAAe,IAAf,CAAc,CAAC;QAAA,IACfD,KAAW,IAAX,CAAU,CAAC;MACjB;IAAA,CACF;IAAAV,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EALA,MAAAJ,iBAAA,GAA0Ba,EAK1B;EAAA,IAAAG,EAAA;EAAA,IAAAZ,CAAA,QAAAH,WAAA;IAEuBe,EAAA,GAAAA,CAAA,KAAMf,WAAA;IAAAG,CAAA,MAAAH,WAAA;IAAAG,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAA7B,MAAAP,cAAA,GAAuBmB,EAAM;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAP,cAAA,IAAAO,CAAA,QAAAH,WAAA;IAG3BgB,EAAA,GAAAC,IAAA,CAACvB,OAAA;MAAAwB,KAAA,EAAe;QAAAtB,cAAA;QAAAE,gBAAA;QAAAC,iBAAA;QAAAC;MAAmE;MAAAI;;;;;;;;;SAAnFY,E;CAIJ;AAEA,OAAO,MAAMG,cAAA,GAAiBA,CAAA,KAA0B1B,KAAA,CAAM2B,GAAG,CAAC1B,OAAA","ignoreList":[]}

package/dist/providers/UploadHandlers/index.d.ts

@@ -1,18 +1,13 @@
-import type { UploadCollectionSlug } from 'payload';
+import type { UploadCollectionSlug, UploadInstructions } from 'payload';
 import React from 'react';
 type UploadHandler = (args: {
     docPrefix?: string;
     file: File;
-    updateFilename: (filename: string) => void;
-}) => Promise<unknown>;
+}) => Promise<UploadInstructions['file']>;
 export type UploadHandlersContext = {
     getUploadHandler: (args: {
         collectionSlug: UploadCollectionSlug;
     }) => null | UploadHandler;
-    setUploadHandler: (args: {
-        collectionSlug: UploadCollectionSlug;
-        handler: UploadHandler;
-    }) => unknown;
 };
 export declare const UploadHandlersProvider: ({ children }: {
     children: any;

package/dist/providers/UploadHandlers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/UploadHandlers/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;AAEtB,MAAM,MAAM,qBAAqB,GAAG;IAClC,gBAAgB,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,oBAAoB,CAAA;KAAE,KAAK,IAAI,GAAG,aAAa,CAAA;IAC1F,gBAAgB,EAAE,CAAC,IAAI,EAAE;QACvB,cAAc,EAAE,oBAAoB,CAAA;QACpC,OAAO,EAAE,aAAa,CAAA;KACvB,KAAK,OAAO,CAAA;CACd,CAAA;AAID,eAAO,MAAM,sBAAsB;;uBAqBlC,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,qBAQpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/UploadHandlers/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAGvE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;CACX,KAAK,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAA;AAEzC,MAAM,MAAM,qBAAqB,GAAG;IAClC,gBAAgB,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,oBAAoB,CAAA;KAAE,KAAK,IAAI,GAAG,aAAa,CAAA;CAC3F,CAAA;AAID,eAAO,MAAM,sBAAsB;;uBAyElC,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,qBAQpC,CAAA"}

package/dist/providers/UploadHandlers/index.js

@@ -2,62 +2,119 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState } from 'react';
+import { formatAdminURL } from 'payload/shared';
+import React from 'react';
+import { useConfig } from '../Config/index.js';
 const Context = /*#__PURE__*/React.createContext(null);
 export const UploadHandlersProvider = t0 => {
-  const $ = _c(6);
+  const $ = _c(5);
   const {
     children
   } = t0;
-  const [uploadHandlers, setUploadHandlers] = useState(_temp);
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
   let t1;
-  if ($[0] !== uploadHandlers) {
-    t1 = t2 => {
+  if ($[0] !== children || $[1] !== config.routes.api || $[2] !== config.serverURL || $[3] !== getEntityConfig) {
+    const uploadInstructionsURL = formatAdminURL({
+      apiRoute: config.routes.api,
+      path: "/upload-instructions",
+      serverURL: config.serverURL
+    });
+    const getUploadHandler = t2 => {
       const {
         collectionSlug
       } = t2;
-      return uploadHandlers.get(collectionSlug);
-    };
-    $[0] = uploadHandlers;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const getUploadHandler = t1;
-  let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = t3 => {
-      const {
-        collectionSlug: collectionSlug_0,
-        handler
-      } = t3;
-      setUploadHandlers(uploadHandlers_0 => {
-        const clone = new Map(uploadHandlers_0);
-        clone.set(collectionSlug_0, handler);
-        return clone;
-      });
+      if (!getEntityConfig({
+        collectionSlug
+      })?.upload?.uploadInstructions.useInAdmin) {
+        return null;
+      }
+      return async t3 => {
+        const {
+          docPrefix,
+          file
+        } = t3;
+        const response = await fetch(uploadInstructionsURL, {
+          body: JSON.stringify({
+            collectionSlug,
+            docPrefix,
+            filename: file.name,
+            filesize: file.size,
+            mimeType: file.type
+          }),
+          credentials: "include",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          method: "POST"
+        });
+        if (!response.ok) {
+          const {
+            errors
+          } = await response.json();
+          throw new Error(errors.map(_temp).join(", "));
+        }
+        const instructions = await response.json();
+        let uploadedFile = instructions.file;
+        if (instructions.type === "http") {
+          const {
+            url,
+            ...request
+          } = instructions.request;
+          const upload = await fetch(url, {
+            body: file,
+            ...request
+          });
+          if (!upload.ok) {
+            throw new Error(`Upload failed with status ${upload.status}`);
+          }
+          return uploadedFile;
+        }
+        const result = await new Promise((resolve, reject) => {
+          const event = new CustomEvent(`payload:upload:${instructions.name}`, {
+            cancelable: true,
+            detail: {
+              collectionSlug,
+              data: instructions.data,
+              docPrefix,
+              file,
+              reject,
+              resolve,
+              updateFilename: filename => {
+                uploadedFile = {
+                  ...uploadedFile,
+                  filename
+                };
+              }
+            }
+          });
+          if (window.dispatchEvent(event)) {
+            reject(new Error(`Unsupported upload instruction: ${instructions.name}`));
+          }
+        });
+        return typeof result === "object" && result !== null ? {
+          ...uploadedFile,
+          uploadReference: result
+        } : uploadedFile;
+      };
     };
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const setUploadHandler = t2;
-  let t3;
-  if ($[3] !== children || $[4] !== getUploadHandler) {
-    t3 = _jsx(Context, {
+    t1 = _jsx(Context, {
       value: {
-        getUploadHandler,
-        setUploadHandler
+        getUploadHandler
       },
       children
     });
-    $[3] = children;
-    $[4] = getUploadHandler;
-    $[5] = t3;
+    $[0] = children;
+    $[1] = config.routes.api;
+    $[2] = config.serverURL;
+    $[3] = getEntityConfig;
+    $[4] = t1;
   } else {
-    t3 = $[5];
+    t1 = $[4];
   }
-  return t3;
+  return t1;
 };
 export const useUploadHandlers = () => {
   const context = React.use(Context);
@@ -66,7 +123,10 @@ export const useUploadHandlers = () => {
   }
   return context;
 };
-function _temp() {
-  return new Map();
+function _temp(t0) {
+  const {
+    message
+  } = t0;
+  return message;
 }
 //# sourceMappingURL=index.js.map

package/dist/providers/UploadHandlers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useState","Context","createContext","UploadHandlersProvider","t0","$","children","uploadHandlers","setUploadHandlers","_temp","t1","t2","collectionSlug","get","getUploadHandler","Symbol","for","t3","collectionSlug_0","handler","uploadHandlers_0","clone","Map","set","setUploadHandler","_jsx","value","useUploadHandlers","context","use","Error"],"sources":["../../../src/providers/UploadHandlers/index.tsx"],"sourcesContent":["'use client'\nimport type { UploadCollectionSlug } from 'payload'\n\nimport React, { useState } from 'react'\n\ntype UploadHandler = (args: {\n  docPrefix?: string\n  file: File\n  updateFilename: (filename: string) => void\n}) => Promise<unknown>\n\nexport type UploadHandlersContext = {\n  getUploadHandler: (args: { collectionSlug: UploadCollectionSlug }) => null | UploadHandler\n  setUploadHandler: (args: {\n    collectionSlug: UploadCollectionSlug\n    handler: UploadHandler\n  }) => unknown\n}\n\nconst Context = React.createContext<null | UploadHandlersContext>(null)\n\nexport const UploadHandlersProvider = ({ children }) => {\n  const [uploadHandlers, setUploadHandlers] = useState<Map<UploadCollectionSlug, UploadHandler>>(\n    () => new Map(),\n  )\n\n  const getUploadHandler: UploadHandlersContext['getUploadHandler'] = ({ collectionSlug }) => {\n    return uploadHandlers.get(collectionSlug)\n  }\n\n  const setUploadHandler: UploadHandlersContext['setUploadHandler'] = ({\n    collectionSlug,\n    handler,\n  }) => {\n    setUploadHandlers((uploadHandlers) => {\n      const clone = new Map(uploadHandlers)\n      clone.set(collectionSlug, handler)\n      return clone\n    })\n  }\n\n  return <Context value={{ getUploadHandler, setUploadHandler }}>{children}</Context>\n}\n\nexport const useUploadHandlers = (): UploadHandlersContext => {\n  const context = React.use(Context)\n\n  if (context === null) {\n    throw new Error('useUploadHandlers must be used within UploadHandlersProvider')\n  }\n\n  return context\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAgBhC,MAAMC,OAAA,gBAAUF,KAAA,CAAMG,aAAa,CAA+B;AAElE,OAAO,MAAMC,sBAAA,GAAyBC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ;EAAA,IAAAF,EAAY;EACjD,OAAAG,cAAA,EAAAC,iBAAA,IAA4CR,QAAA,CAAAS,KAChC;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAE,cAAA;IAGwDG,EAAA,GAAAC,EAAA;MAAC;QAAAC;MAAA,IAAAD,EAAkB;MAAA,OAC9EJ,cAAA,CAAAM,GAAA,CAAmBD,cAAA;IAAA;IAC5BP,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAFA,MAAAS,gBAAA,GAAoEJ,EAEpE;EAAA,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAU,MAAA,CAAAC,GAAA;IAEoEL,EAAA,GAAAM,EAAA;MAAC;QAAAL,cAAA,EAAAM,gBAAA;QAAAC;MAAA,IAAAF,EAGpE;MACCT,iBAAA,CAAAY,gBAAA;QACE,MAAAC,KAAA,OAAAC,GAAA,CAAsBf,gBAAA;QACtBc,KAAA,CAAAE,GAAA,CAAUX,gBAAA,EAAgBO,OAAA;QAAA,OACnBE,KAAA;MAAA,CACT;IAAA;IACFhB,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EATA,MAAAmB,gBAAA,GAAoEb,EASpE;EAAA,IAAAM,EAAA;EAAA,IAAAZ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAS,gBAAA;IAEOG,EAAA,GAAAQ,IAAA,CAAAxB,OAAA;MAAAyB,KAAA;QAAAZ,gBAAA;QAAAU;MAAA;MAAAlB;IAAA,C;;;;;;;SAAAW,E;CACT;AAEA,OAAO,MAAMU,iBAAA,GAAoBA,CAAA;EAC/B,MAAMC,OAAA,GAAU7B,KAAA,CAAM8B,GAAG,CAAC5B,OAAA;EAE1B,IAAI2B,OAAA,KAAY,MAAM;IACpB,MAAM,IAAIE,KAAA,CAAM;EAClB;EAEA,OAAOF,OAAA;AACT;AA/BsC,SAAAnB,MAAA;EAAA,WAAAa,GAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","useConfig","Context","createContext","UploadHandlersProvider","t0","$","children","config","getEntityConfig","t1","routes","api","serverURL","uploadInstructionsURL","apiRoute","path","getUploadHandler","t2","collectionSlug","upload","uploadInstructions","useInAdmin","t3","docPrefix","file","response","fetch","body","JSON","stringify","filename","name","filesize","size","mimeType","type","credentials","headers","method","ok","errors","json","Error","map","_temp","join","instructions","uploadedFile","url","request","status","result","Promise","resolve","reject","event","CustomEvent","cancelable","detail","data","updateFilename","window","dispatchEvent","uploadReference","_jsx","value","useUploadHandlers","context","use","message"],"sources":["../../../src/providers/UploadHandlers/index.tsx"],"sourcesContent":["'use client'\nimport type { UploadCollectionSlug, UploadInstructions } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../Config/index.js'\n\ntype UploadHandler = (args: {\n  docPrefix?: string\n  file: File\n}) => Promise<UploadInstructions['file']>\n\nexport type UploadHandlersContext = {\n  getUploadHandler: (args: { collectionSlug: UploadCollectionSlug }) => null | UploadHandler\n}\n\nconst Context = React.createContext<null | UploadHandlersContext>(null)\n\nexport const UploadHandlersProvider = ({ children }) => {\n  const { config, getEntityConfig } = useConfig()\n  const uploadInstructionsURL = formatAdminURL({\n    apiRoute: config.routes.api,\n    path: '/upload-instructions',\n    serverURL: config.serverURL,\n  })\n  const getUploadHandler: UploadHandlersContext['getUploadHandler'] = ({ collectionSlug }) => {\n    if (!getEntityConfig({ collectionSlug })?.upload?.uploadInstructions.useInAdmin) {\n      return null\n    }\n\n    return async ({ docPrefix, file }) => {\n      const response = await fetch(uploadInstructionsURL, {\n        body: JSON.stringify({\n          collectionSlug,\n          docPrefix,\n          filename: file.name,\n          filesize: file.size,\n          mimeType: file.type,\n        }),\n        credentials: 'include',\n        headers: { 'Content-Type': 'application/json' },\n        method: 'POST',\n      })\n\n      if (!response.ok) {\n        const { errors } = (await response.json()) as { errors: { message: string }[] }\n        throw new Error(errors.map(({ message }) => message).join(', '))\n      }\n\n      const instructions = (await response.json()) as UploadInstructions\n      let uploadedFile = instructions.file\n\n      if (instructions.type === 'http') {\n        const { url, ...request } = instructions.request\n        const upload = await fetch(url, { body: file, ...request })\n\n        if (!upload.ok) {\n          throw new Error(`Upload failed with status ${upload.status}`)\n        }\n\n        return uploadedFile\n      }\n\n      const result = await new Promise<unknown>((resolve, reject) => {\n        const event = new CustomEvent(`payload:upload:${instructions.name}`, {\n          cancelable: true,\n          detail: {\n            collectionSlug,\n            data: instructions.data,\n            docPrefix,\n            file,\n            reject,\n            resolve,\n            updateFilename: (filename: string) => {\n              uploadedFile = { ...uploadedFile, filename }\n            },\n          },\n        })\n\n        if (window.dispatchEvent(event)) {\n          reject(new Error(`Unsupported upload instruction: ${instructions.name}`))\n        }\n      })\n\n      return typeof result === 'object' && result !== null\n        ? { ...uploadedFile, uploadReference: result as Record<string, unknown> }\n        : uploadedFile\n    }\n  }\n\n  return <Context value={{ getUploadHandler }}>{children}</Context>\n}\n\nexport const useUploadHandlers = (): UploadHandlersContext => {\n  const context = React.use(Context)\n\n  if (context === null) {\n    throw new Error('useUploadHandlers must be used within UploadHandlersProvider')\n  }\n\n  return context\n}\n"],"mappings":"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","ignoreList":[]}