@payloadcms/next 3.0.0-canary.b922438 → 3.0.0-canary.bb00d64

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

@@ -1 +0,0 @@
-{"version":3,"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) openModal(modalSlug)\n    else closeModal(modalSlug)\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 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  usePreventLeave({ hasAccepted, 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"],"names":["Button","Modal","useAuth","useFormModified","useModal","useTranslation","React","useCallback","useEffect","usePreventLeave","modalSlug","baseClass","Component","isActive","onCancel","onConfirm","closeModal","modalState","openModal","t","className","onClose","slug","div","h1","p","buttonStyle","onClick","size","LeaveWithoutSaving","modified","user","show","setShow","useState","hasAccepted","setHasAccepted","prevent","Boolean","onPrevent"],"mappings":"AAAA;;AACA,SAASA,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,iBAAgB;AAClG,OAAOC,SAASC,WAAW,EAAEC,SAAS,QAAQ,QAAO;AAGrD,SAASC,eAAe,QAAQ,uBAAsB;AAEtD,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,MAAMC,YAID,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,EAAE;IACrC,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGd;IAC9C,MAAM,EAAEe,CAAC,EAAE,GAAGd;IAEd,kFAAkF;IAClF,oBAAoB;IACpB,wDAAwD;IACxD,iBAAiB;IACjB,MAAM;IACN,uCAAuC;IAEvCG,UAAU;QACR,IAAIK,UAAUK,UAAUR;aACnBM,WAAWN;IAClB,GAAG;QAACG;QAAUK;QAAWF;KAAW;IAEpC,qBACE,KAACf;QAAMmB,WAAWT;QAAWU,SAASP;QAAUQ,MAAMZ;kBACpD,cAAA,MAACa;YAAIH,WAAW,CAAC,EAAET,UAAU,SAAS,CAAC;;8BACrC,MAACY;oBAAIH,WAAW,CAAC,EAAET,UAAU,SAAS,CAAC;;sCACrC,KAACa;sCAAIL,EAAE;;sCACP,KAACM;sCAAGN,EAAE;;;;8BAER,MAACI;oBAAIH,WAAW,CAAC,EAAET,UAAU,UAAU,CAAC;;sCACtC,KAACX;4BAAO0B,aAAY;4BAAYC,SAASb;4BAAUc,MAAK;sCACrDT,EAAE;;sCAEL,KAACnB;4BAAO2B,SAASZ;4BAAWa,MAAK;sCAC9BT,EAAE;;;;;;;AAMf;AAEA,OAAO,MAAMU,qBAA+B;IAC1C,MAAMC,WAAW3B;IACjB,MAAM,EAAE4B,IAAI,EAAE,GAAG7B;IACjB,MAAM,CAAC8B,MAAMC,QAAQ,GAAG3B,MAAM4B,QAAQ,CAAC;IACvC,MAAM,CAACC,aAAaC,eAAe,GAAG9B,MAAM4B,QAAQ,CAAC;IAErD,MAAMG,UAAUC,QAAQR,YAAYC;IAEpC,MAAMQ,YAAYhC,YAAY;QAC5B0B,QAAQ;IACV,GAAG,EAAE;IAELxB,gBAAgB;QAAE0B;QAAaI;QAAWF;IAAQ;IAElD,qBACE,KAACzB;QACCC,UAAUmB;QACVlB,UAAU;YACRmB,QAAQ;QACV;QACAlB,WAAW;YACTqB,eAAe;QACjB;;AAGN,EAAC"}

package/dist/elements/LeaveWithoutSaving/index.scss

@@ -1,37 +0,0 @@
-@import '../../scss/styles.scss';
-
-.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: var(--base);
-    padding: base(2);
-  }
-
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
-
-    > * {
-      margin: 0;
-    }
-  }
-
-  &__controls {
-    display: flex;
-    gap: var(--base);
-
-    .btn {
-      margin: 0;
-    }
-  }
-}

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

@@ -1,8 +0,0 @@
-export declare const useBeforeUnload: (enabled?: (() => boolean) | boolean, message?: string) => void;
-export declare const usePreventLeave: ({ hasAccepted, message, onPrevent, prevent, }: {
-    hasAccepted: boolean;
-    message?: string;
-    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":"AAyBA,eAAO,MAAM,eAAe,aAAa,CAAC,MAAM,OAAO,CAAC,GAAG,OAAO,YAAmB,MAAM,SA6B1F,CAAA;AAED,eAAO,MAAM,eAAe,kDAKzB;IACD,WAAW,EAAE,OAAO,CAAA;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,SA+EA,CAAA"}

package/dist/elements/LeaveWithoutSaving/usePreventLeave.js

@@ -1,114 +0,0 @@
-// 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 { 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 = (enabled = true, message)=>{
-    const handler = useCallback((event)=>{
-        const finalEnabled = typeof enabled === 'function' ? enabled() : true;
-        if (!finalEnabled) {
-            return;
-        }
-        event.preventDefault();
-        if (message) {
-            event.returnValue = message;
-        }
-        return message;
-    }, [
-        enabled,
-        message
-    ]);
-    useEffect(()=>{
-        if (!enabled) {
-            return;
-        }
-        on(window, 'beforeunload', handler);
-        return ()=>off(window, 'beforeunload', handler);
-    }, [
-        enabled,
-        handler
-    ]);
-};
-export const usePreventLeave = ({ hasAccepted = false, message = 'Are you sure want to leave this page?', 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 = window.location.href;
-                    const newUrl = anchor.href;
-                    const isAnchor = isAnchorOfCurrentUrl(currentUrl, newUrl);
-                    const isDownloadLink = anchor.download !== '';
-                    const isPageLeaving = !(newUrl === currentUrl || isAnchor || isDownloadLink);
-                    if (isPageLeaving && prevent && (!onPrevent ? !window.confirm(message) : true)) {
-                        // Keep a reference of the href
-                        cancelledURL.current = newUrl;
-                        // 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) {
-            router.push(cancelledURL.current);
-        }
-    }, [
-        hasAccepted,
-        router
-    ]);
-};
-
-//# sourceMappingURL=usePreventLeave.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/elements/LeaveWithoutSaving/usePreventLeave.tsx"],"sourcesContent":["// 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: T | null,\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: T | null,\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  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  // 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      router.push(cancelledURL.current)\n    }\n  }, [hasAccepted, router])\n}\n"],"names":["useRouter","useCallback","useEffect","useRef","on","obj","args","addEventListener","off","removeEventListener","useBeforeUnload","enabled","message","handler","event","finalEnabled","preventDefault","returnValue","window","usePreventLeave","hasAccepted","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"],"mappings":"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"}

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,45 +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) {
-        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
-            });
-        }
-        req.payload.logger.error({
-            err,
-            msg: `There was an error building form state`
-        });
-        return routeError({
-            config: req.payload.config,
-            err,
-            req
-        });
-    }
-};
-
-//# sourceMappingURL=buildFormState.js.map

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

@@ -1 +0,0 @@
-{"version":3,"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    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    req.payload.logger.error({ err, msg: `There was an error building form state` })\n\n    return routeError({\n      config: req.payload.config,\n      err,\n      req,\n    })\n  }\n}\n"],"names":["buildFormState","buildFormStateFn","httpStatus","headersWithCors","routeError","req","headers","Headers","result","Response","json","status","OK","err","message","BAD_REQUEST","UNAUTHORIZED","payload","logger","error","msg","config"],"mappings":"AAEA,SAASA,kBAAkBC,gBAAgB,QAAQ,0CAAyC;AAC5F,OAAOC,gBAAgB,cAAa;AAEpC,SAASC,eAAe,QAAQ,qCAAoC;AACpE,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,OAAO,MAAMJ,iBAAiB,OAAO,EAAEK,GAAG,EAA2B;IACnE,MAAMC,UAAUH,gBAAgB;QAC9BG,SAAS,IAAIC;QACbF;IACF;IAEA,IAAI;QACF,MAAMG,SAAS,MAAMP,iBAAiB;YAAEI;QAAI;QAE5C,OAAOI,SAASC,IAAI,CAACF,QAAQ;YAC3BF;YACAK,QAAQT,WAAWU,EAAE;QACvB;IACF,EAAE,OAAOC,KAAK;QACZ,IAAIA,IAAIC,OAAO,KAAK,8CAA8C;YAChE,OAAOL,SAASC,IAAI,CAClB;gBACEI,SAASD,IAAIC,OAAO;YACtB,GACA;gBACER;gBACAK,QAAQT,WAAWa,WAAW;YAChC;QAEJ;QAEA,IAAIF,IAAIC,OAAO,KAAK,gBAAgB;YAClC,OAAOL,SAASC,IAAI,CAAC,MAAM;gBACzBJ;gBACAK,QAAQT,WAAWc,YAAY;YACjC;QACF;QAEAX,IAAIY,OAAO,CAACC,MAAM,CAACC,KAAK,CAAC;YAAEN;YAAKO,KAAK,CAAC,sCAAsC,CAAC;QAAC;QAE9E,OAAOhB,WAAW;YAChBiB,QAAQhB,IAAIY,OAAO,CAACI,MAAM;YAC1BR;YACAR;QACF;IACF;AACF,EAAC"}

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":"AAiBA,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,CAuHvF,CAAA"}

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

@@ -1,144 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
-import { CopyToClipboard, FieldLabel, GenerateConfirmation, useComponentMap, 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 apiKey = useFormFields(([fields])=>fields && fields[path] || null);
-    const { collectionSlug, docPermissions } = useDocumentInfo();
-    const { getFieldMap } = useComponentMap();
-    const fieldMap = getFieldMap({
-        collectionSlug
-    });
-    const apiKeyField = fieldMap.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 && apiKeyField.fieldComponentProps.label) {
-            label = apiKeyField.fieldComponentProps.label;
-        }
-        return getTranslation(label, i18n);
-    }, [
-        apiKeyField,
-        i18n
-    ]);
-    const APIKeyLabelComponent = useMemo(()=>{
-        return /*#__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, {
-                        CustomLabel: APIKeyLabelComponent,
-                        htmlFor: path
-                    }),
-                    /*#__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,"sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { FieldMap, PayloadRequest } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  CopyToClipboard,\n  FieldDescription,\n  FieldLabel,\n  GenerateConfirmation,\n  useComponentMap,\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 apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n  const { collectionSlug, docPermissions } = useDocumentInfo()\n\n  const { getFieldMap } = useComponentMap()\n\n  const fieldMap: FieldMap = getFieldMap({\n    collectionSlug,\n  })\n\n  const apiKeyField = fieldMap.find((field) => 'name' in field && field.name === 'apiKey')\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 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 && apiKeyField.fieldComponentProps.label) {\n      label = apiKeyField.fieldComponentProps.label\n    }\n\n    return getTranslation(label, i18n)\n  }, [apiKeyField, i18n])\n\n  const APIKeyLabelComponent = useMemo(() => {\n    return (\n      <div className={`${baseClass}__label`}>\n        <span>{apiKeyLabel}</span>\n        <CopyToClipboard value={apiKeyValue as string} />\n      </div>\n    )\n  }, [apiKeyLabel, apiKeyValue])\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 CustomLabel={APIKeyLabelComponent} htmlFor={path} />\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"],"names":["getTranslation","CopyToClipboard","FieldLabel","GenerateConfirmation","useComponentMap","useConfig","useDocumentInfo","useField","useFormFields","useTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","i18n","t","config","apiKey","fields","collectionSlug","docPermissions","getFieldMap","fieldMap","apiKeyField","find","field","name","validate","val","type","data","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","apiKeyLabel","label","fieldComponentProps","APIKeyLabelComponent","div","className","span","canUpdateAPIKey","update","permission","fieldType","highlightField","setTimeout","setValue","Fragment","filter","Boolean","join","CustomLabel","htmlFor","input","aria-label","undefined","disabled","id","setKey"],"mappings":"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"}

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,CA6LhC,CAAA"}

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

@@ -1,197 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CheckboxField, ConfirmPasswordField, PasswordField, useAuth, useConfig, useDocumentInfo, useFormFields, useFormModified, useTranslation } from '@payloadcms/ui';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { toast } from 'sonner';
-import { RenderEmailAndUsernameFields } from '../../../../elements/EmailAndUsername/index.js';
-import { APIKey } from './APIKey.js';
-const baseClass = 'auth-fields';
-export const Auth = (props)=>{
-    const { className, collectionSlug, disableLocalStrategy, email, loginWithUsername, operation, readOnly, requirePassword, setSchemaPath, setValidateBeforeSubmit, useAPIKey, username, verify } = props;
-    const { permissions } = useAuth();
-    const [changingPassword, setChangingPassword] = useState(requirePassword);
-    const enableAPIKey = useFormFields(([fields])=>fields && fields?.enableAPIKey || null);
-    const forceOpenChangePassword = useFormFields(([fields])=>fields && fields?.password || null);
-    const dispatchFields = useFormFields((reducer)=>reducer[1]);
-    const modified = useFormModified();
-    const { i18n, t } = useTranslation();
-    const { docPermissions, isInitializing } = useDocumentInfo();
-    const { routes: { api }, serverURL } = useConfig();
-    const hasPermissionToUnlock = useMemo(()=>{
-        const collection = permissions?.collections?.[collectionSlug];
-        if (collection) {
-            const unlock = 'unlock' in collection ? collection.unlock : undefined;
-            if (unlock) {
-                // current types for permissions do not include auth permissions, this will be fixed in another branch soon, for now we need to ignore the types
-                // @todo: fix types
-                // @ts-expect-error
-                return unlock.permission;
-            }
-        }
-        return false;
-    }, [
-        permissions,
-        collectionSlug
-    ]);
-    const handleChangePassword = useCallback((showPasswordFields)=>{
-        if (showPasswordFields) {
-            setValidateBeforeSubmit(true);
-            setSchemaPath(`_${collectionSlug}.auth`);
-            dispatchFields({
-                type: 'UPDATE',
-                errorMessage: t('validation:required'),
-                path: 'password',
-                valid: false
-            });
-            dispatchFields({
-                type: 'UPDATE',
-                errorMessage: t('validation:required'),
-                path: 'confirm-password',
-                valid: false
-            });
-        } else {
-            setValidateBeforeSubmit(false);
-            setSchemaPath(collectionSlug);
-            dispatchFields({
-                type: 'REMOVE',
-                path: 'password'
-            });
-            dispatchFields({
-                type: 'REMOVE',
-                path: 'confirm-password'
-            });
-        }
-        setChangingPassword(showPasswordFields);
-    }, [
-        dispatchFields,
-        t,
-        collectionSlug,
-        setSchemaPath,
-        setValidateBeforeSubmit
-    ]);
-    const unlock = useCallback(async ()=>{
-        const url = `${serverURL}${api}/${collectionSlug}/unlock`;
-        const response = await fetch(url, {
-            body: loginWithUsername && username ? JSON.stringify({
-                username
-            }) : JSON.stringify({
-                email
-            }),
-            credentials: 'include',
-            headers: {
-                'Accept-Language': i18n.language,
-                'Content-Type': 'application/json'
-            },
-            method: 'post'
-        });
-        if (response.status === 200) {
-            toast.success(t('authentication:successfullyUnlocked'));
-        } else {
-            toast.error(t('authentication:failedToUnlock'));
-        }
-    }, [
-        i18n,
-        serverURL,
-        api,
-        collectionSlug,
-        email,
-        username,
-        t,
-        loginWithUsername
-    ]);
-    useEffect(()=>{
-        if (!modified) {
-            setChangingPassword(false);
-        }
-    }, [
-        modified
-    ]);
-    if (disableLocalStrategy && !useAPIKey) {
-        return null;
-    }
-    const disabled = readOnly || isInitializing;
-    const showPasswordFields = changingPassword || forceOpenChangePassword;
-    return /*#__PURE__*/ _jsxs("div", {
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' '),
-        children: [
-            !disableLocalStrategy && /*#__PURE__*/ _jsxs(React.Fragment, {
-                children: [
-                    /*#__PURE__*/ _jsx(RenderEmailAndUsernameFields, {
-                        loginWithUsername: loginWithUsername,
-                        operation: operation,
-                        permissions: docPermissions?.fields,
-                        readOnly: readOnly
-                    }),
-                    (showPasswordFields || requirePassword) && /*#__PURE__*/ _jsxs("div", {
-                        className: `${baseClass}__changing-password`,
-                        children: [
-                            /*#__PURE__*/ _jsx(PasswordField, {
-                                disabled: disabled,
-                                label: t('authentication:newPassword'),
-                                name: "password",
-                                path: "password",
-                                required: true
-                            }),
-                            /*#__PURE__*/ _jsx(ConfirmPasswordField, {
-                                disabled: readOnly
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: `${baseClass}__controls`,
-                        children: [
-                            showPasswordFields && !requirePassword && /*#__PURE__*/ _jsx(Button, {
-                                buttonStyle: "secondary",
-                                disabled: disabled,
-                                onClick: ()=>handleChangePassword(false),
-                                size: "medium",
-                                children: t('general:cancel')
-                            }),
-                            !showPasswordFields && !requirePassword && /*#__PURE__*/ _jsx(Button, {
-                                buttonStyle: "secondary",
-                                disabled: disabled,
-                                id: "change-password",
-                                onClick: ()=>handleChangePassword(true),
-                                size: "medium",
-                                children: t('authentication:changePassword')
-                            }),
-                            operation === 'update' && hasPermissionToUnlock && /*#__PURE__*/ _jsx(Button, {
-                                buttonStyle: "secondary",
-                                disabled: disabled,
-                                onClick: ()=>void unlock(),
-                                size: "medium",
-                                children: t('authentication:forceUnlock')
-                            })
-                        ]
-                    })
-                ]
-            }),
-            useAPIKey && /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__api-key`,
-                children: [
-                    /*#__PURE__*/ _jsx(CheckboxField, {
-                        disabled: disabled,
-                        label: t('authentication:enableAPIKey'),
-                        name: "enableAPIKey",
-                        readOnly: readOnly
-                    }),
-                    /*#__PURE__*/ _jsx(APIKey, {
-                        enabled: !!enableAPIKey?.value,
-                        readOnly: readOnly
-                    })
-                ]
-            }),
-            verify && /*#__PURE__*/ _jsx(CheckboxField, {
-                disabled: disabled,
-                label: t('authentication:verified'),
-                name: "_verified",
-                readOnly: readOnly
-            })
-        ]
-    });
-};
-
-//# sourceMappingURL=index.js.map