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

package/dist/providers/ToastContainer/index.js

@@ -1,69 +1,136 @@
 '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, { 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);
+  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,
     expand: expand ?? false,
     gap: 8,
     icons: {
-      close: /*#__PURE__*/_jsx(XIcon, {
+      close: _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);
 };
 //# 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","useLayoutEffect","useState","createPortal","Toaster","CheckIcon","InfoIcon","WarningIcon","XIcon","getActiveModal","ToastContainer","t0","$","config","admin","t1","toast","t2","undefined","duration","expand","limit","position","modalState","portalContainer","setPortalContainer","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","size","info","success","offset","bottom","right","style","width","theme","toastOptions","classNames","content","error","icon","title","warning","unstyled","visibleToasts"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { 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\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 ?? 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    portalContainer,\n  )\n}\n"],"mappings":"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","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":[]}