@payloadcms/next 3.0.0-canary.51be7be → 3.0.0-canary.5624723

package/dist/elements/LeaveWithoutSaving/index.js

@@ -1,162 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Modal, useAuth, useFormModified, useModal, useTranslation } from '@payloadcms/ui';
-import React, { useCallback, useEffect } from 'react';
-import { usePreventLeave } from './usePreventLeave.js';
-const modalSlug = 'leave-without-saving';
-const baseClass = 'leave-without-saving';
-const Component = t0 => {
-  const $ = _c(9);
-  const {
-    isActive,
-    onCancel,
-    onConfirm
-  } = t0;
-  const {
-    closeModal,
-    openModal
-  } = useModal();
-  const {
-    t
-  } = useTranslation();
-  let t1;
-  let t2;
-  if ($[0] !== isActive || $[1] !== openModal || $[2] !== closeModal) {
-    t1 = () => {
-      if (isActive) {
-        openModal(modalSlug);
-      } else {
-        closeModal(modalSlug);
-      }
-    };
-    t2 = [isActive, openModal, closeModal];
-    $[0] = isActive;
-    $[1] = openModal;
-    $[2] = closeModal;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t1 = $[3];
-    t2 = $[4];
-  }
-  useEffect(t1, t2);
-  let t3;
-  if ($[5] !== t || $[6] !== onCancel || $[7] !== onConfirm) {
-    t3 = _jsx(Modal, {
-      className: baseClass,
-      onClose: onCancel,
-      slug: modalSlug,
-      children: _jsxs("div", {
-        className: `${baseClass}__wrapper`,
-        children: [_jsxs("div", {
-          className: `${baseClass}__content`,
-          children: [_jsx("h1", {
-            children: t("general:leaveWithoutSaving")
-          }), _jsx("p", {
-            children: t("general:changesNotSaved")
-          })]
-        }), _jsxs("div", {
-          className: `${baseClass}__controls`,
-          children: [_jsx(Button, {
-            buttonStyle: "secondary",
-            onClick: onCancel,
-            size: "large",
-            children: t("general:stayOnThisPage")
-          }), _jsx(Button, {
-            onClick: onConfirm,
-            size: "large",
-            children: t("general:leaveAnyway")
-          })]
-        })]
-      })
-    });
-    $[5] = t;
-    $[6] = onCancel;
-    $[7] = onConfirm;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  return t3;
-};
-export const LeaveWithoutSaving = () => {
-  const $ = _c(11);
-  const {
-    closeModal
-  } = useModal();
-  const modified = useFormModified();
-  const {
-    user
-  } = useAuth();
-  const [show, setShow] = React.useState(false);
-  const [hasAccepted, setHasAccepted] = React.useState(false);
-  const prevent = Boolean(modified && user);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      setShow(true);
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const onPrevent = t0;
-  let t1;
-  if ($[1] !== closeModal) {
-    t1 = () => {
-      closeModal(modalSlug);
-    };
-    $[1] = closeModal;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const handleAccept = t1;
-  let t2;
-  if ($[3] !== hasAccepted || $[4] !== handleAccept || $[5] !== prevent) {
-    t2 = {
-      hasAccepted,
-      onAccept: handleAccept,
-      onPrevent,
-      prevent
-    };
-    $[3] = hasAccepted;
-    $[4] = handleAccept;
-    $[5] = prevent;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  usePreventLeave(t2);
-  let t3;
-  let t4;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = () => {
-      setShow(false);
-    };
-    t4 = () => {
-      setHasAccepted(true);
-    };
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t3 = $[7];
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== show) {
-    t5 = _jsx(Component, {
-      isActive: show,
-      onCancel: t3,
-      onConfirm: t4
-    });
-    $[9] = show;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  return t5;
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","Button","Modal","useAuth","useFormModified","useModal","useTranslation","React","useCallback","useEffect","usePreventLeave","modalSlug","baseClass","Component","t0","$","isActive","onCancel","onConfirm","closeModal","openModal","t","t1","t2","t3","_jsx","className","onClose","slug","children","_jsxs","buttonStyle","onClick","size","LeaveWithoutSaving","modified","user","show","setShow","useState","hasAccepted","setHasAccepted","prevent","Boolean","Symbol","for","onPrevent","handleAccept","onAccept","t4","t5"],"sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"sourcesContent":["'use client'\nimport { Button, Modal, useAuth, useFormModified, useModal, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback, useEffect } from 'react'\n\nimport './index.scss'\nimport { usePreventLeave } from './usePreventLeave.js'\n\nconst modalSlug = 'leave-without-saving'\n\nconst baseClass = 'leave-without-saving'\n\nconst Component: React.FC<{\n  isActive: boolean\n  onCancel: () => void\n  onConfirm: () => void\n}> = ({ isActive, onCancel, onConfirm }) => {\n  const { closeModal, modalState, openModal } = useModal()\n  const { t } = useTranslation()\n\n  // Manually check for modal state as 'esc' key will not trigger the nav inactivity\n  // useEffect(() => {\n  //   if (!modalState?.[modalSlug]?.isOpen && isActive) {\n  //     onCancel()\n  //   }\n  // }, [modalState, isActive, onCancel])\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} onClose={onCancel} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:leaveWithoutSaving')}</h1>\n          <p>{t('general:changesNotSaved')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button buttonStyle=\"secondary\" onClick={onCancel} size=\"large\">\n            {t('general:stayOnThisPage')}\n          </Button>\n          <Button onClick={onConfirm} size=\"large\">\n            {t('general:leaveAnyway')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n\nexport const LeaveWithoutSaving: React.FC = () => {\n  const { closeModal } = useModal()\n  const modified = useFormModified()\n  const { user } = useAuth()\n  const [show, setShow] = React.useState(false)\n  const [hasAccepted, setHasAccepted] = React.useState(false)\n\n  const prevent = Boolean(modified && user)\n\n  const onPrevent = useCallback(() => {\n    setShow(true)\n  }, [])\n\n  const handleAccept = useCallback(() => {\n    closeModal(modalSlug)\n  }, [closeModal])\n\n  usePreventLeave({ hasAccepted, onAccept: handleAccept, onPrevent, prevent })\n\n  return (\n    <Component\n      isActive={show}\n      onCancel={() => {\n        setShow(false)\n      }}\n      onConfirm={() => {\n        setHasAccepted(true)\n      }}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/LeaveWithoutSaving/index.scss

@@ -1,39 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .leave-without-saving {
-    @include blur-bg;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-
-    &__wrapper {
-      z-index: 1;
-      position: relative;
-      display: flex;
-      flex-direction: column;
-      gap: base(0.8);
-      padding: base(2);
-    }
-
-    &__content {
-      display: flex;
-      flex-direction: column;
-      gap: base(0.4);
-
-      > * {
-        margin: 0;
-      }
-    }
-
-    &__controls {
-      display: flex;
-      gap: base(0.4);
-
-      .btn {
-        margin: 0;
-      }
-    }
-  }
-}

package/dist/elements/LeaveWithoutSaving/usePreventLeave.d.ts

@@ -1,9 +0,0 @@
-export declare const useBeforeUnload: (enabled?: (() => boolean) | boolean, message?: string) => void;
-export declare const usePreventLeave: ({ hasAccepted, message, onAccept, onPrevent, prevent, }: {
-    hasAccepted: boolean;
-    message?: string;
-    onAccept?: () => void;
-    onPrevent?: () => void;
-    prevent: boolean;
-}) => void;
-//# sourceMappingURL=usePreventLeave.d.ts.map

package/dist/elements/LeaveWithoutSaving/usePreventLeave.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePreventLeave.d.ts","sourceRoot":"","sources":["../../../src/elements/LeaveWithoutSaving/usePreventLeave.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,eAAe,aAAa,CAAC,MAAM,OAAO,CAAC,GAAG,OAAO,YAAmB,MAAM,SA6B1F,CAAA;AAED,eAAO,MAAM,eAAe,4DAMzB;IACD,WAAW,EAAE,OAAO,CAAA;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,SAkFA,CAAA"}

package/dist/elements/LeaveWithoutSaving/usePreventLeave.js

@@ -1,136 +0,0 @@
-'use client';
-
-// Credit: @Taiki92777
-//    - Source: https://github.com/vercel/next.js/discussions/32231#discussioncomment-7284386
-// Credit: `react-use` maintainers
-//    -  Source: https://github.com/streamich/react-use/blob/ade8d3905f544305515d010737b4ae604cc51024/src/useBeforeUnload.ts#L2
-import { c as _c } from "react/compiler-runtime";
-import { useRouter } from 'next/navigation.js';
-import { useCallback, useEffect, useRef } from 'react';
-function on(obj, ...args) {
-  if (obj && obj.addEventListener) {
-    obj.addEventListener(...args);
-  }
-}
-function off(obj, ...args) {
-  if (obj && obj.removeEventListener) {
-    obj.removeEventListener(...args);
-  }
-}
-export const useBeforeUnload = (t0, message) => {
-  const $ = _c(7);
-  const enabled = t0 === undefined ? true : t0;
-  let t1;
-  if ($[0] !== enabled || $[1] !== message) {
-    t1 = event => {
-      const finalEnabled = typeof enabled === "function" ? enabled() : true;
-      if (!finalEnabled) {
-        return;
-      }
-      event.preventDefault();
-      if (message) {
-        event.returnValue = message;
-      }
-      return message;
-    };
-    $[0] = enabled;
-    $[1] = message;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const handler = t1;
-  let t2;
-  let t3;
-  if ($[3] !== enabled || $[4] !== handler) {
-    t2 = () => {
-      if (!enabled) {
-        return;
-      }
-      on(window, "beforeunload", handler);
-      return () => off(window, "beforeunload", handler);
-    };
-    t3 = [enabled, handler];
-    $[3] = enabled;
-    $[4] = handler;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t2 = $[5];
-    t3 = $[6];
-  }
-  useEffect(t2, t3);
-};
-export const usePreventLeave = ({
-  hasAccepted = false,
-  message = 'Are you sure want to leave this page?',
-  onAccept,
-  onPrevent,
-  prevent = true
-}) => {
-  // check when page is about to be reloaded
-  useBeforeUnload(prevent, message);
-  const router = useRouter();
-  const cancelledURL = useRef('');
-  // check when page is about to be changed
-  useEffect(() => {
-    function isAnchorOfCurrentUrl(currentUrl, newUrl) {
-      const currentUrlObj = new URL(currentUrl);
-      const newUrlObj = new URL(newUrl);
-      // Compare hostname, pathname, and search parameters
-      if (currentUrlObj.hostname === newUrlObj.hostname && currentUrlObj.pathname === newUrlObj.pathname && currentUrlObj.search === newUrlObj.search) {
-        // Check if the new URL is just an anchor of the current URL page
-        const currentHash = currentUrlObj.hash;
-        const newHash = newUrlObj.hash;
-        return currentHash !== newHash && currentUrlObj.href.replace(currentHash, '') === newUrlObj.href.replace(newHash, '');
-      }
-      return false;
-    }
-    function findClosestAnchor(element) {
-      while (element && element.tagName.toLowerCase() !== 'a') {
-        element = element.parentElement;
-      }
-      return element;
-    }
-    function handleClick(event) {
-      try {
-        const target = event.target;
-        const anchor = findClosestAnchor(target);
-        if (anchor) {
-          const currentUrl_0 = window.location.href;
-          const newUrl_0 = anchor.href;
-          const isAnchor = isAnchorOfCurrentUrl(currentUrl_0, newUrl_0);
-          const isDownloadLink = anchor.download !== '';
-          const isPageLeaving = !(newUrl_0 === currentUrl_0 || isAnchor || isDownloadLink);
-          if (isPageLeaving && prevent && (!onPrevent ? !window.confirm(message) : true)) {
-            // Keep a reference of the href
-            cancelledURL.current = newUrl_0;
-            // Cancel the route change
-            event.preventDefault();
-            event.stopPropagation();
-            if (typeof onPrevent === 'function') {
-              onPrevent();
-            }
-          }
-        }
-      } catch (err) {
-        alert(err);
-      }
-    }
-    // Add the global click event listener
-    document.addEventListener('click', handleClick, true);
-    // Clean up the global click event listener when the component is unmounted
-    return () => {
-      document.removeEventListener('click', handleClick, true);
-    };
-  }, [onPrevent, prevent, message]);
-  useEffect(() => {
-    if (hasAccepted && cancelledURL.current) {
-      if (onAccept) {
-        onAccept();
-      }
-      router.push(cancelledURL.current);
-    }
-  }, [hasAccepted, onAccept, router]);
-};
-//# sourceMappingURL=usePreventLeave.js.map

package/dist/elements/LeaveWithoutSaving/usePreventLeave.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePreventLeave.js","names":["c","_c","useRouter","useCallback","useEffect","useRef","on","obj","args","addEventListener","off","removeEventListener","useBeforeUnload","t0","message","$","enabled","undefined","t1","event","finalEnabled","preventDefault","returnValue","handler","t2","t3","window","usePreventLeave","hasAccepted","onAccept","onPrevent","prevent","router","cancelledURL","isAnchorOfCurrentUrl","currentUrl","newUrl","currentUrlObj","URL","newUrlObj","hostname","pathname","search","currentHash","hash","newHash","href","replace","findClosestAnchor","element","tagName","toLowerCase","parentElement","handleClick","target","anchor","location","isAnchor","isDownloadLink","download","isPageLeaving","confirm","current","stopPropagation","err","alert","document","push"],"sources":["../../../src/elements/LeaveWithoutSaving/usePreventLeave.tsx"],"sourcesContent":["'use client'\n// Credit: @Taiki92777\n//    - Source: https://github.com/vercel/next.js/discussions/32231#discussioncomment-7284386\n// Credit: `react-use` maintainers\n//    -  Source: https://github.com/streamich/react-use/blob/ade8d3905f544305515d010737b4ae604cc51024/src/useBeforeUnload.ts#L2\nimport { useRouter } from 'next/navigation.js'\nimport { useCallback, useEffect, useRef } from 'react'\n\nfunction on<T extends Document | EventTarget | HTMLElement | Window>(\n  obj: null | T,\n  ...args: [string, Function | null, ...any] | Parameters<T['addEventListener']>\n): void {\n  if (obj && obj.addEventListener) {\n    obj.addEventListener(...(args as Parameters<HTMLElement['addEventListener']>))\n  }\n}\n\nfunction off<T extends Document | EventTarget | HTMLElement | Window>(\n  obj: null | T,\n  ...args: [string, Function | null, ...any] | Parameters<T['removeEventListener']>\n): void {\n  if (obj && obj.removeEventListener) {\n    obj.removeEventListener(...(args as Parameters<HTMLElement['removeEventListener']>))\n  }\n}\n\nexport const useBeforeUnload = (enabled: (() => boolean) | boolean = true, message?: string) => {\n  const handler = useCallback(\n    (event: BeforeUnloadEvent) => {\n      const finalEnabled = typeof enabled === 'function' ? enabled() : true\n\n      if (!finalEnabled) {\n        return\n      }\n\n      event.preventDefault()\n\n      if (message) {\n        event.returnValue = message\n      }\n\n      return message\n    },\n    [enabled, message],\n  )\n\n  useEffect(() => {\n    if (!enabled) {\n      return\n    }\n\n    on(window, 'beforeunload', handler)\n\n    return () => off(window, 'beforeunload', handler)\n  }, [enabled, handler])\n}\n\nexport const usePreventLeave = ({\n  hasAccepted = false,\n  message = 'Are you sure want to leave this page?',\n  onAccept,\n  onPrevent,\n  prevent = true,\n}: {\n  hasAccepted: boolean\n  // if no `onPrevent` is provided, the message will be displayed in a confirm dialog\n  message?: string\n  onAccept?: () => void\n  // to use a custom confirmation dialog, provide a function that returns a boolean\n  onPrevent?: () => void\n  prevent: boolean\n}) => {\n  // check when page is about to be reloaded\n  useBeforeUnload(prevent, message)\n\n  const router = useRouter()\n  const cancelledURL = useRef<string>('')\n\n  // check when page is about to be changed\n  useEffect(() => {\n    function isAnchorOfCurrentUrl(currentUrl: string, newUrl: string) {\n      const currentUrlObj = new URL(currentUrl)\n      const newUrlObj = new URL(newUrl)\n      // Compare hostname, pathname, and search parameters\n      if (\n        currentUrlObj.hostname === newUrlObj.hostname &&\n        currentUrlObj.pathname === newUrlObj.pathname &&\n        currentUrlObj.search === newUrlObj.search\n      ) {\n        // Check if the new URL is just an anchor of the current URL page\n        const currentHash = currentUrlObj.hash\n        const newHash = newUrlObj.hash\n        return (\n          currentHash !== newHash &&\n          currentUrlObj.href.replace(currentHash, '') === newUrlObj.href.replace(newHash, '')\n        )\n      }\n      return false\n    }\n\n    function findClosestAnchor(element: HTMLElement | null): HTMLAnchorElement | null {\n      while (element && element.tagName.toLowerCase() !== 'a') {\n        element = element.parentElement\n      }\n      return element as HTMLAnchorElement\n    }\n    function handleClick(event: MouseEvent) {\n      try {\n        const target = event.target as HTMLElement\n        const anchor = findClosestAnchor(target)\n        if (anchor) {\n          const currentUrl = window.location.href\n          const newUrl = anchor.href\n          const isAnchor = isAnchorOfCurrentUrl(currentUrl, newUrl)\n          const isDownloadLink = anchor.download !== ''\n\n          const isPageLeaving = !(newUrl === currentUrl || isAnchor || isDownloadLink)\n\n          if (isPageLeaving && prevent && (!onPrevent ? !window.confirm(message) : true)) {\n            // Keep a reference of the href\n            cancelledURL.current = newUrl\n\n            // Cancel the route change\n            event.preventDefault()\n            event.stopPropagation()\n\n            if (typeof onPrevent === 'function') {\n              onPrevent()\n            }\n          }\n        }\n      } catch (err) {\n        alert(err)\n      }\n    }\n\n    // Add the global click event listener\n    document.addEventListener('click', handleClick, true)\n\n    // Clean up the global click event listener when the component is unmounted\n    return () => {\n      document.removeEventListener('click', handleClick, true)\n    }\n  }, [onPrevent, prevent, message])\n\n  useEffect(() => {\n    if (hasAccepted && cancelledURL.current) {\n      if (onAccept) {\n        onAccept()\n      }\n      router.push(cancelledURL.current)\n    }\n  }, [hasAccepted, onAccept, router])\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/routes/rest/buildFormState.d.ts

@@ -1,5 +0,0 @@
-import type { PayloadRequest } from 'payload';
-export declare const buildFormState: ({ req }: {
-    req: PayloadRequest;
-}) => Promise<Response>;
-//# sourceMappingURL=buildFormState.d.ts.map

package/dist/routes/rest/buildFormState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildFormState.d.ts","sourceRoot":"","sources":["../../../src/routes/rest/buildFormState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAQ7C,eAAO,MAAM,cAAc,YAAmB;IAAE,GAAG,EAAE,cAAc,CAAA;CAAE,sBAyCpE,CAAA"}

package/dist/routes/rest/buildFormState.js

@@ -1,46 +0,0 @@
-import { buildFormState as buildFormStateFn } from '@payloadcms/ui/utilities/buildFormState';
-import httpStatus from 'http-status';
-import { headersWithCors } from '../../utilities/headersWithCors.js';
-import { routeError } from './routeError.js';
-export const buildFormState = async ({
-  req
-}) => {
-  const headers = headersWithCors({
-    headers: new Headers(),
-    req
-  });
-  try {
-    const result = await buildFormStateFn({
-      req
-    });
-    return Response.json(result, {
-      headers,
-      status: httpStatus.OK
-    });
-  } catch (err) {
-    req.payload.logger.error({
-      err,
-      msg: `There was an error building form state`
-    });
-    if (err.message === 'Could not find field schema for given path') {
-      return Response.json({
-        message: err.message
-      }, {
-        headers,
-        status: httpStatus.BAD_REQUEST
-      });
-    }
-    if (err.message === 'Unauthorized') {
-      return Response.json(null, {
-        headers,
-        status: httpStatus.UNAUTHORIZED
-      });
-    }
-    return routeError({
-      config: req.payload.config,
-      err,
-      req
-    });
-  }
-};
-//# sourceMappingURL=buildFormState.js.map

package/dist/routes/rest/buildFormState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildFormState.js","names":["buildFormState","buildFormStateFn","httpStatus","headersWithCors","routeError","req","headers","Headers","result","Response","json","status","OK","err","payload","logger","error","msg","message","BAD_REQUEST","UNAUTHORIZED","config"],"sources":["../../../src/routes/rest/buildFormState.ts"],"sourcesContent":["import type { PayloadRequest } from 'payload'\n\nimport { buildFormState as buildFormStateFn } from '@payloadcms/ui/utilities/buildFormState'\nimport httpStatus from 'http-status'\n\nimport { headersWithCors } from '../../utilities/headersWithCors.js'\nimport { routeError } from './routeError.js'\n\nexport const buildFormState = async ({ req }: { req: PayloadRequest }) => {\n  const headers = headersWithCors({\n    headers: new Headers(),\n    req,\n  })\n\n  try {\n    const result = await buildFormStateFn({ req })\n\n    return Response.json(result, {\n      headers,\n      status: httpStatus.OK,\n    })\n  } catch (err) {\n    req.payload.logger.error({ err, msg: `There was an error building form state` })\n\n    if (err.message === 'Could not find field schema for given path') {\n      return Response.json(\n        {\n          message: err.message,\n        },\n        {\n          headers,\n          status: httpStatus.BAD_REQUEST,\n        },\n      )\n    }\n\n    if (err.message === 'Unauthorized') {\n      return Response.json(null, {\n        headers,\n        status: httpStatus.UNAUTHORIZED,\n      })\n    }\n\n    return routeError({\n      config: req.payload.config,\n      err,\n      req,\n    })\n  }\n}\n"],"mappings":"AAEA,SAASA,cAAA,IAAkBC,gBAAgB,QAAQ;AACnD,OAAOC,UAAA,MAAgB;AAEvB,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMJ,cAAA,GAAiB,MAAAA,CAAO;EAAEK;AAAG,CAA2B;EACnE,MAAMC,OAAA,GAAUH,eAAA,CAAgB;IAC9BG,OAAA,EAAS,IAAIC,OAAA;IACbF;EACF;EAEA,IAAI;IACF,MAAMG,MAAA,GAAS,MAAMP,gBAAA,CAAiB;MAAEI;IAAI;IAE5C,OAAOI,QAAA,CAASC,IAAI,CAACF,MAAA,EAAQ;MAC3BF,OAAA;MACAK,MAAA,EAAQT,UAAA,CAAWU;IACrB;EACF,EAAE,OAAOC,GAAA,EAAK;IACZR,GAAA,CAAIS,OAAO,CAACC,MAAM,CAACC,KAAK,CAAC;MAAEH,GAAA;MAAKI,GAAA,EAAK;IAAyC;IAE9E,IAAIJ,GAAA,CAAIK,OAAO,KAAK,8CAA8C;MAChE,OAAOT,QAAA,CAASC,IAAI,CAClB;QACEQ,OAAA,EAASL,GAAA,CAAIK;MACf,GACA;QACEZ,OAAA;QACAK,MAAA,EAAQT,UAAA,CAAWiB;MACrB;IAEJ;IAEA,IAAIN,GAAA,CAAIK,OAAO,KAAK,gBAAgB;MAClC,OAAOT,QAAA,CAASC,IAAI,CAAC,MAAM;QACzBJ,OAAA;QACAK,MAAA,EAAQT,UAAA,CAAWkB;MACrB;IACF;IAEA,OAAOhB,UAAA,CAAW;MAChBiB,MAAA,EAAQhB,GAAA,CAAIS,OAAO,CAACO,MAAM;MAC1BR,GAAA;MACAR;IACF;EACF;AACF","ignoreList":[]}

package/dist/views/Edit/Default/Auth/APIKey.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const APIKey: React.FC<{
-    readonly enabled: boolean;
-    readonly readOnly?: boolean;
-}>;
-//# sourceMappingURL=APIKey.d.ts.map

package/dist/views/Edit/Default/Auth/APIKey.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"APIKey.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAO3D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CA+HvF,CAAA"}

package/dist/views/Edit/Default/Auth/APIKey.js

@@ -1,131 +0,0 @@
-'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
-import { CopyToClipboard, FieldLabel, GenerateConfirmation, useConfig, useDocumentInfo, useField, useFormFields, useTranslation } from '@payloadcms/ui';
-import { text } from 'payload/shared';
-import React, { useEffect, useMemo, useState } from 'react';
-import { v4 as uuidv4 } from 'uuid';
-const path = 'apiKey';
-const baseClass = 'api-key';
-const fieldBaseClass = 'field-type';
-export const APIKey = ({
-  enabled,
-  readOnly
-}) => {
-  const [initialAPIKey] = useState(uuidv4());
-  const [highlightedField, setHighlightedField] = useState(false);
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    config
-  } = useConfig();
-  const {
-    collectionSlug,
-    docPermissions
-  } = useDocumentInfo();
-  const apiKey = useFormFields(([fields]) => fields && fields[path] || null);
-  const apiKeyField = config.collections.find(collection => {
-    return collection.slug === collectionSlug;
-  })?.fields?.find(field => 'name' in field && field.name === 'apiKey');
-  const validate = val => text(val, {
-    name: 'apiKey',
-    type: 'text',
-    data: {},
-    maxLength: 48,
-    minLength: 24,
-    preferences: {
-      fields: {}
-    },
-    req: {
-      payload: {
-        config
-      },
-      t
-    },
-    siblingData: {}
-  });
-  const apiKeyValue = apiKey?.value;
-  const apiKeyLabel = useMemo(() => {
-    let label = 'API Key';
-    if (apiKeyField?.label) {
-      label = apiKeyField.label;
-    }
-    return getTranslation(label, i18n);
-  }, [apiKeyField, i18n]);
-  const APIKeyLabel = useMemo(() => /*#__PURE__*/_jsxs("div", {
-    className: `${baseClass}__label`,
-    children: [/*#__PURE__*/_jsx("span", {
-      children: apiKeyLabel
-    }), /*#__PURE__*/_jsx(CopyToClipboard, {
-      value: apiKeyValue
-    })]
-  }), [apiKeyLabel, apiKeyValue]);
-  const canUpdateAPIKey = useMemo(() => {
-    if (docPermissions && docPermissions?.fields?.apiKey) {
-      return docPermissions.fields.apiKey.update.permission;
-    }
-  }, [docPermissions]);
-  const fieldType = useField({
-    path: 'apiKey',
-    validate
-  });
-  const highlightField = () => {
-    if (highlightedField) {
-      setHighlightedField(false);
-    }
-    setTimeout(() => {
-      setHighlightedField(true);
-    }, 1);
-  };
-  const {
-    setValue,
-    value
-  } = fieldType;
-  useEffect(() => {
-    if (!apiKeyValue && enabled) {
-      setValue(initialAPIKey);
-    }
-    if (!enabled && apiKeyValue) {
-      setValue(null);
-    }
-  }, [apiKeyValue, enabled, setValue, initialAPIKey]);
-  useEffect(() => {
-    if (highlightedField) {
-      setTimeout(() => {
-        setHighlightedField(false);
-      }, 10000);
-    }
-  }, [highlightedField]);
-  if (!enabled) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: [fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' '),
-      children: [/*#__PURE__*/_jsx(FieldLabel, {
-        field: null,
-        htmlFor: path,
-        Label: {
-          type: 'client',
-          Component: null,
-          RenderedComponent: APIKeyLabel
-        }
-      }), /*#__PURE__*/_jsx("input", {
-        "aria-label": apiKeyLabel,
-        className: highlightedField ? 'highlight' : undefined,
-        disabled: true,
-        id: "apiKey",
-        name: "apiKey",
-        type: "text",
-        value: value || ''
-      })]
-    }), !readOnly && canUpdateAPIKey && /*#__PURE__*/_jsx(GenerateConfirmation, {
-      highlightField: highlightField,
-      setKey: () => setValue(uuidv4())
-    })]
-  });
-};
-//# sourceMappingURL=APIKey.js.map

package/dist/views/Edit/Default/Auth/APIKey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"APIKey.js","names":["getTranslation","CopyToClipboard","FieldLabel","GenerateConfirmation","useConfig","useDocumentInfo","useField","useFormFields","useTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","i18n","t","config","collectionSlug","docPermissions","apiKey","fields","apiKeyField","collections","find","collection","slug","field","name","validate","val","type","data","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","apiKeyLabel","label","APIKeyLabel","_jsxs","className","_jsx","canUpdateAPIKey","update","permission","fieldType","highlightField","setTimeout","setValue","Fragment","filter","Boolean","join","htmlFor","Label","Component","RenderedComponent","undefined","disabled","id","setKey"],"sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest, TextFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  CopyToClipboard,\n  FieldLabel,\n  GenerateConfirmation,\n  useConfig,\n  useDocumentInfo,\n  useField,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\n\nexport const APIKey: React.FC<{ readonly enabled: boolean; readonly readOnly?: boolean }> = ({\n  enabled,\n  readOnly,\n}) => {\n  const [initialAPIKey] = useState(uuidv4())\n  const [highlightedField, setHighlightedField] = useState(false)\n  const { i18n, t } = useTranslation()\n  const { config } = useConfig()\n  const { collectionSlug, docPermissions } = useDocumentInfo()\n\n  const apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n\n  const apiKeyField: TextFieldClient = config.collections\n    .find((collection) => {\n      return collection.slug === collectionSlug\n    })\n    ?.fields?.find((field) => 'name' in field && field.name === 'apiKey') as TextFieldClient\n\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      data: {},\n      maxLength: 48,\n      minLength: 24,\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as unknown as PayloadRequest,\n      siblingData: {},\n    })\n\n  const apiKeyValue = apiKey?.value\n\n  const apiKeyLabel = useMemo(() => {\n    let label: Record<string, string> | string = 'API Key'\n\n    if (apiKeyField?.label) {\n      label = apiKeyField.label\n    }\n\n    return getTranslation(label, i18n)\n  }, [apiKeyField, i18n])\n\n  const APIKeyLabel = useMemo(\n    () => (\n      <div className={`${baseClass}__label`}>\n        <span>{apiKeyLabel}</span>\n        <CopyToClipboard value={apiKeyValue as string} />\n      </div>\n    ),\n    [apiKeyLabel, apiKeyValue],\n  )\n\n  const canUpdateAPIKey = useMemo(() => {\n    if (docPermissions && docPermissions?.fields?.apiKey) {\n      return docPermissions.fields.apiKey.update.permission\n    }\n  }, [docPermissions])\n\n  const fieldType = useField({\n    path: 'apiKey',\n    validate,\n  })\n\n  const highlightField = () => {\n    if (highlightedField) {\n      setHighlightedField(false)\n    }\n    setTimeout(() => {\n      setHighlightedField(true)\n    }, 1)\n  }\n\n  const { setValue, value } = fieldType\n\n  useEffect(() => {\n    if (!apiKeyValue && enabled) {\n      setValue(initialAPIKey)\n    }\n    if (!enabled && apiKeyValue) {\n      setValue(null)\n    }\n  }, [apiKeyValue, enabled, setValue, initialAPIKey])\n\n  useEffect(() => {\n    if (highlightedField) {\n      setTimeout(() => {\n        setHighlightedField(false)\n      }, 10000)\n    }\n  }, [highlightedField])\n\n  if (!enabled) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <div className={[fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' ')}>\n        <FieldLabel\n          field={null}\n          htmlFor={path}\n          Label={{\n            type: 'client',\n            Component: null,\n            RenderedComponent: APIKeyLabel,\n          }}\n        />\n        <input\n          aria-label={apiKeyLabel}\n          className={highlightedField ? 'highlight' : undefined}\n          disabled\n          id=\"apiKey\"\n          name=\"apiKey\"\n          type=\"text\"\n          value={(value as string) || ''}\n        />\n      </div>\n      {!readOnly && canUpdateAPIKey && (\n        <GenerateConfirmation highlightField={highlightField} setKey={() => setValue(uuidv4())} />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Edit/Default/Auth/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { Props } from './types.js';
-import './index.scss';
-export declare const Auth: React.FC<Props>;
-//# sourceMappingURL=index.d.ts.map

package/dist/views/Edit/Default/Auth/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsMhC,CAAA"}