@payloadcms/next 3.0.0-canary.c27a334 → 3.0.0-canary.c96fa61

package/dist/views/LivePreview/usePopupWindow.js

@@ -1,102 +1,144 @@
 'use client';
-import { useConfig } from '@payloadcms/ui/providers/Config';
+
+import { c as _c } from "react/compiler-runtime";
+import { useConfig } from '@payloadcms/ui';
 import { useCallback, useEffect, useRef, useState } from 'react';
-export const usePopupWindow = (props)=>{
-    const { eventType, onMessage, url } = props;
-    const isReceivingMessage = useRef(false);
-    const [isOpen, setIsOpen] = useState(false);
-    const { serverURL } = useConfig();
-    const popupRef = useRef(null);
-    // Optionally broadcast messages back out to the parent component
-    useEffect(()=>{
-        const receiveMessage = async (event)=>{
-            if (event.origin !== window.location.origin || event.origin !== url || event.origin !== serverURL) {
-                // console.warn(`Message received by ${event.origin}; IGNORED.`) // eslint-disable-line no-console
-                return;
-            }
-            if (typeof onMessage === 'function' && event.data?.type === eventType && !isReceivingMessage.current) {
-                isReceivingMessage.current = true;
-                await onMessage(event.data?.searchParams);
-                isReceivingMessage.current = false;
-            }
-        };
-        if (isOpen && popupRef.current) {
-            window.addEventListener('message', receiveMessage, false);
+export const usePopupWindow = props => {
+  const $ = _c(15);
+  const {
+    eventType,
+    onMessage,
+    url
+  } = props;
+  const isReceivingMessage = useRef(false);
+  const [isOpen, setIsOpen] = useState(false);
+  const {
+    config: t0
+  } = useConfig();
+  const {
+    serverURL
+  } = t0;
+  const popupRef = useRef(null);
+  let t1;
+  let t2;
+  if ($[0] !== url || $[1] !== serverURL || $[2] !== onMessage || $[3] !== eventType || $[4] !== isOpen) {
+    t1 = () => {
+      const receiveMessage = async event => {
+        if (event.origin !== window.location.origin || event.origin !== url || event.origin !== serverURL) {
+          return;
         }
-        return ()=>{
-            window.removeEventListener('message', receiveMessage);
-        };
-    }, [
-        onMessage,
-        eventType,
-        url,
-        serverURL,
-        isOpen
-    ]);
-    // Customize the size, position, and style of the popup window
-    const openPopupWindow = useCallback((e)=>{
-        if (e) {
-            e.preventDefault();
+        if (typeof onMessage === "function" && event.data?.type === eventType && !isReceivingMessage.current) {
+          isReceivingMessage.current = true;
+          await onMessage(event.data?.searchParams);
+          isReceivingMessage.current = false;
         }
-        const features = {
-            height: 700,
-            left: 'auto',
-            menubar: 'no',
-            popup: 'yes',
-            toolbar: 'no',
-            top: 'auto',
-            width: 800
-        };
-        const popupOptions = Object.entries(features).reduce((str, [key, value])=>{
-            let strCopy = str;
-            if (value === 'auto') {
-                if (key === 'top') {
-                    const v = Math.round(window.innerHeight / 2 - features.height / 2);
-                    strCopy += `top=${v},`;
-                } else if (key === 'left') {
-                    const v = Math.round(window.innerWidth / 2 - features.width / 2);
-                    strCopy += `left=${v},`;
-                }
-                return strCopy;
+      };
+      if (isOpen && popupRef.current) {
+        window.addEventListener("message", receiveMessage, false);
+      }
+      return () => {
+        window.removeEventListener("message", receiveMessage);
+      };
+    };
+    t2 = [onMessage, eventType, url, serverURL, isOpen];
+    $[0] = url;
+    $[1] = serverURL;
+    $[2] = onMessage;
+    $[3] = eventType;
+    $[4] = isOpen;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t1 = $[5];
+    t2 = $[6];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[7] !== url) {
+    t3 = e => {
+      if (e) {
+        e.preventDefault();
+      }
+      const features = {
+        height: 700,
+        left: "auto",
+        menubar: "no",
+        popup: "yes",
+        toolbar: "no",
+        top: "auto",
+        width: 800
+      };
+      const popupOptions = Object.entries(features).reduce((str, t4) => {
+        const [key, value] = t4;
+        let strCopy = str;
+        if (value === "auto") {
+          if (key === "top") {
+            const v = Math.round(window.innerHeight / 2 - features.height / 2);
+            strCopy = strCopy + `top=${v},`;
+          } else {
+            if (key === "left") {
+              const v_0 = Math.round(window.innerWidth / 2 - features.width / 2);
+              strCopy = strCopy + `left=${v_0},`;
             }
-            strCopy += `${key}=${value},`;
-            return strCopy;
-        }, '').slice(0, -1) // remove last ',' (comma)
-        ;
-        const newWindow = window.open(url, '_blank', popupOptions);
-        popupRef.current = newWindow;
-        setIsOpen(true);
-    }, [
-        url
-    ]);
-    // this is the most stable and widely supported way to check if a popup window is no longer open
-    // we poll its ref every x ms and use the popup window's `closed` property
-    useEffect(()=>{
-        let timer;
-        if (isOpen) {
-            timer = setInterval(function() {
-                if (popupRef.current.closed) {
-                    clearInterval(timer);
-                    setIsOpen(false);
-                }
-            }, 1000);
-        } else {
+          }
+          return strCopy;
+        }
+        strCopy = strCopy + `${key}=${value},`;
+        return strCopy;
+      }, "").slice(0, -1);
+      const newWindow = window.open(url, "_blank", popupOptions);
+      popupRef.current = newWindow;
+      setIsOpen(true);
+    };
+    $[7] = url;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const openPopupWindow = t3;
+  let t4;
+  let t5;
+  if ($[9] !== isOpen) {
+    t4 = () => {
+      let timer;
+      if (isOpen) {
+        timer = setInterval(function () {
+          if (popupRef.current.closed) {
             clearInterval(timer);
+            setIsOpen(false);
+          }
+        }, 1000);
+      } else {
+        clearInterval(timer);
+      }
+      return () => {
+        if (timer) {
+          clearInterval(timer);
         }
-        return ()=>{
-            if (timer) {
-                clearInterval(timer);
-            }
-        };
-    }, [
-        isOpen,
-        popupRef
-    ]);
-    return {
-        isPopupOpen: isOpen,
-        openPopupWindow,
-        popupRef
+      };
     };
+    t5 = [isOpen, popupRef];
+    $[9] = isOpen;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t4 = $[10];
+    t5 = $[11];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[12] !== isOpen || $[13] !== openPopupWindow) {
+    t6 = {
+      isPopupOpen: isOpen,
+      openPopupWindow,
+      popupRef
+    };
+    $[12] = isOpen;
+    $[13] = openPopupWindow;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
 };
-
 //# sourceMappingURL=usePopupWindow.js.map

package/dist/views/LivePreview/usePopupWindow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/LivePreview/usePopupWindow.ts"],"sourcesContent":["'use client'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nexport interface PopupMessage {\n  searchParams: {\n    [key: string]: string | undefined\n    code: string\n    installation_id: string\n    state: string\n  }\n  type: string\n}\n\nexport const usePopupWindow = (props: {\n  eventType?: string\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onMessage?: (searchParams: PopupMessage['searchParams']) => Promise<void>\n  url: string\n}): {\n  isPopupOpen: boolean\n  openPopupWindow: () => void\n  popupRef?: React.MutableRefObject<Window | null>\n} => {\n  const { eventType, onMessage, url } = props\n  const isReceivingMessage = useRef(false)\n  const [isOpen, setIsOpen] = useState(false)\n  const { serverURL } = useConfig()\n  const popupRef = useRef<Window | null>(null)\n\n  // Optionally broadcast messages back out to the parent component\n  useEffect(() => {\n    const receiveMessage = async (event: MessageEvent): Promise<void> => {\n      if (\n        event.origin !== window.location.origin ||\n        event.origin !== url ||\n        event.origin !== serverURL\n      ) {\n        // console.warn(`Message received by ${event.origin}; IGNORED.`) // eslint-disable-line no-console\n        return\n      }\n\n      if (\n        typeof onMessage === 'function' &&\n        event.data?.type === eventType &&\n        !isReceivingMessage.current\n      ) {\n        isReceivingMessage.current = true\n        await onMessage(event.data?.searchParams)\n        isReceivingMessage.current = false\n      }\n    }\n\n    if (isOpen && popupRef.current) {\n      window.addEventListener('message', receiveMessage, false)\n    }\n\n    return () => {\n      window.removeEventListener('message', receiveMessage)\n    }\n  }, [onMessage, eventType, url, serverURL, isOpen])\n\n  // Customize the size, position, and style of the popup window\n  const openPopupWindow = useCallback(\n    (e?: MouseEvent) => {\n      if (e) {\n        e.preventDefault()\n      }\n\n      const features = {\n        height: 700,\n        left: 'auto',\n        menubar: 'no',\n        popup: 'yes',\n        toolbar: 'no',\n        top: 'auto',\n        width: 800,\n      }\n\n      const popupOptions = Object.entries(features)\n        .reduce((str, [key, value]) => {\n          let strCopy = str\n          if (value === 'auto') {\n            if (key === 'top') {\n              const v = Math.round(window.innerHeight / 2 - features.height / 2)\n              strCopy += `top=${v},`\n            } else if (key === 'left') {\n              const v = Math.round(window.innerWidth / 2 - features.width / 2)\n              strCopy += `left=${v},`\n            }\n            return strCopy\n          }\n\n          strCopy += `${key}=${value},`\n          return strCopy\n        }, '')\n        .slice(0, -1) // remove last ',' (comma)\n\n      const newWindow = window.open(url, '_blank', popupOptions)\n\n      popupRef.current = newWindow\n\n      setIsOpen(true)\n    },\n    [url],\n  )\n\n  // this is the most stable and widely supported way to check if a popup window is no longer open\n  // we poll its ref every x ms and use the popup window's `closed` property\n  useEffect(() => {\n    let timer: NodeJS.Timeout\n\n    if (isOpen) {\n      timer = setInterval(function () {\n        if (popupRef.current.closed) {\n          clearInterval(timer)\n          setIsOpen(false)\n        }\n      }, 1000)\n    } else {\n      clearInterval(timer)\n    }\n\n    return () => {\n      if (timer) {\n        clearInterval(timer)\n      }\n    }\n  }, [isOpen, popupRef])\n\n  return {\n    isPopupOpen: isOpen,\n    openPopupWindow,\n    popupRef,\n  }\n}\n"],"names":["useConfig","useCallback","useEffect","useRef","useState","usePopupWindow","props","eventType","onMessage","url","isReceivingMessage","isOpen","setIsOpen","serverURL","popupRef","receiveMessage","event","origin","window","location","data","type","current","searchParams","addEventListener","removeEventListener","openPopupWindow","e","preventDefault","features","height","left","menubar","popup","toolbar","top","width","popupOptions","Object","entries","reduce","str","key","value","strCopy","v","Math","round","innerHeight","innerWidth","slice","newWindow","open","timer","setInterval","closed","clearInterval","isPopupOpen"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAYhE,OAAO,MAAMC,iBAAiB,CAACC;IAU7B,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,GAAG,EAAE,GAAGH;IACtC,MAAMI,qBAAqBP,OAAO;IAClC,MAAM,CAACQ,QAAQC,UAAU,GAAGR,SAAS;IACrC,MAAM,EAAES,SAAS,EAAE,GAAGb;IACtB,MAAMc,WAAWX,OAAsB;IAEvC,iEAAiE;IACjED,UAAU;QACR,MAAMa,iBAAiB,OAAOC;YAC5B,IACEA,MAAMC,MAAM,KAAKC,OAAOC,QAAQ,CAACF,MAAM,IACvCD,MAAMC,MAAM,KAAKR,OACjBO,MAAMC,MAAM,KAAKJ,WACjB;gBACA,kGAAkG;gBAClG;YACF;YAEA,IACE,OAAOL,cAAc,cACrBQ,MAAMI,IAAI,EAAEC,SAASd,aACrB,CAACG,mBAAmBY,OAAO,EAC3B;gBACAZ,mBAAmBY,OAAO,GAAG;gBAC7B,MAAMd,UAAUQ,MAAMI,IAAI,EAAEG;gBAC5Bb,mBAAmBY,OAAO,GAAG;YAC/B;QACF;QAEA,IAAIX,UAAUG,SAASQ,OAAO,EAAE;YAC9BJ,OAAOM,gBAAgB,CAAC,WAAWT,gBAAgB;QACrD;QAEA,OAAO;YACLG,OAAOO,mBAAmB,CAAC,WAAWV;QACxC;IACF,GAAG;QAACP;QAAWD;QAAWE;QAAKI;QAAWF;KAAO;IAEjD,8DAA8D;IAC9D,MAAMe,kBAAkBzB,YACtB,CAAC0B;QACC,IAAIA,GAAG;YACLA,EAAEC,cAAc;QAClB;QAEA,MAAMC,WAAW;YACfC,QAAQ;YACRC,MAAM;YACNC,SAAS;YACTC,OAAO;YACPC,SAAS;YACTC,KAAK;YACLC,OAAO;QACT;QAEA,MAAMC,eAAeC,OAAOC,OAAO,CAACV,UACjCW,MAAM,CAAC,CAACC,KAAK,CAACC,KAAKC,MAAM;YACxB,IAAIC,UAAUH;YACd,IAAIE,UAAU,QAAQ;gBACpB,IAAID,QAAQ,OAAO;oBACjB,MAAMG,IAAIC,KAAKC,KAAK,CAAC7B,OAAO8B,WAAW,GAAG,IAAInB,SAASC,MAAM,GAAG;oBAChEc,WAAW,CAAC,IAAI,EAAEC,EAAE,CAAC,CAAC;gBACxB,OAAO,IAAIH,QAAQ,QAAQ;oBACzB,MAAMG,IAAIC,KAAKC,KAAK,CAAC7B,OAAO+B,UAAU,GAAG,IAAIpB,SAASO,KAAK,GAAG;oBAC9DQ,WAAW,CAAC,KAAK,EAAEC,EAAE,CAAC,CAAC;gBACzB;gBACA,OAAOD;YACT;YAEAA,WAAW,CAAC,EAAEF,IAAI,CAAC,EAAEC,MAAM,CAAC,CAAC;YAC7B,OAAOC;QACT,GAAG,IACFM,KAAK,CAAC,GAAG,CAAC,GAAG,0BAA0B;;QAE1C,MAAMC,YAAYjC,OAAOkC,IAAI,CAAC3C,KAAK,UAAU4B;QAE7CvB,SAASQ,OAAO,GAAG6B;QAEnBvC,UAAU;IACZ,GACA;QAACH;KAAI;IAGP,gGAAgG;IAChG,0EAA0E;IAC1EP,UAAU;QACR,IAAImD;QAEJ,IAAI1C,QAAQ;YACV0C,QAAQC,YAAY;gBAClB,IAAIxC,SAASQ,OAAO,CAACiC,MAAM,EAAE;oBAC3BC,cAAcH;oBACdzC,UAAU;gBACZ;YACF,GAAG;QACL,OAAO;YACL4C,cAAcH;QAChB;QAEA,OAAO;YACL,IAAIA,OAAO;gBACTG,cAAcH;YAChB;QACF;IACF,GAAG;QAAC1C;QAAQG;KAAS;IAErB,OAAO;QACL2C,aAAa9C;QACbe;QACAZ;IACF;AACF,EAAC"}
+{"version":3,"file":"usePopupWindow.js","names":["c","_c","useConfig","useCallback","useEffect","useRef","useState","usePopupWindow","props","$","eventType","onMessage","url","isReceivingMessage","isOpen","setIsOpen","config","t0","serverURL","popupRef","t1","t2","receiveMessage","event","origin","window","location","data","type","current","searchParams","addEventListener","removeEventListener","t3","e","preventDefault","features","height","left","menubar","popup","toolbar","top","width","popupOptions","Object","entries","reduce","str","t4","key","value","strCopy","v","Math","round","innerHeight","v_0","innerWidth","slice","newWindow","open","openPopupWindow","t5","timer","closed","clearInterval","t6","isPopupOpen"],"sources":["../../../src/views/LivePreview/usePopupWindow.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useConfig } from '@payloadcms/ui'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nexport interface PopupMessage {\n  searchParams: {\n    [key: string]: string | undefined\n    code: string\n    installation_id: string\n    state: string\n  }\n  type: string\n}\n\nexport const usePopupWindow = (props: {\n  eventType?: string\n\n  onMessage?: (searchParams: PopupMessage['searchParams']) => Promise<void>\n  url: string\n}): {\n  isPopupOpen: boolean\n  openPopupWindow: () => void\n  popupRef?: React.RefObject<null | Window>\n} => {\n  const { eventType, onMessage, url } = props\n  const isReceivingMessage = useRef(false)\n  const [isOpen, setIsOpen] = useState(false)\n  const {\n    config: { serverURL },\n  } = useConfig()\n  const popupRef = useRef<null | Window>(null)\n\n  // Optionally broadcast messages back out to the parent component\n  useEffect(() => {\n    const receiveMessage = async (event: MessageEvent): Promise<void> => {\n      if (\n        event.origin !== window.location.origin ||\n        event.origin !== url ||\n        event.origin !== serverURL\n      ) {\n        // console.warn(`Message received by ${event.origin}; IGNORED.`) // eslint-disable-line no-console\n        return\n      }\n\n      if (\n        typeof onMessage === 'function' &&\n        event.data?.type === eventType &&\n        !isReceivingMessage.current\n      ) {\n        isReceivingMessage.current = true\n        await onMessage(event.data?.searchParams)\n        isReceivingMessage.current = false\n      }\n    }\n\n    if (isOpen && popupRef.current) {\n      window.addEventListener('message', receiveMessage, false)\n    }\n\n    return () => {\n      window.removeEventListener('message', receiveMessage)\n    }\n  }, [onMessage, eventType, url, serverURL, isOpen])\n\n  // Customize the size, position, and style of the popup window\n  const openPopupWindow = useCallback(\n    (e?: MouseEvent) => {\n      if (e) {\n        e.preventDefault()\n      }\n\n      const features = {\n        height: 700,\n        left: 'auto',\n        menubar: 'no',\n        popup: 'yes',\n        toolbar: 'no',\n        top: 'auto',\n        width: 800,\n      }\n\n      const popupOptions = Object.entries(features)\n        .reduce((str, [key, value]) => {\n          let strCopy = str\n          if (value === 'auto') {\n            if (key === 'top') {\n              const v = Math.round(window.innerHeight / 2 - features.height / 2)\n              strCopy += `top=${v},`\n            } else if (key === 'left') {\n              const v = Math.round(window.innerWidth / 2 - features.width / 2)\n              strCopy += `left=${v},`\n            }\n            return strCopy\n          }\n\n          strCopy += `${key}=${value},`\n          return strCopy\n        }, '')\n        .slice(0, -1) // remove last ',' (comma)\n\n      const newWindow = window.open(url, '_blank', popupOptions)\n\n      popupRef.current = newWindow\n\n      setIsOpen(true)\n    },\n    [url],\n  )\n\n  // this is the most stable and widely supported way to check if a popup window is no longer open\n  // we poll its ref every x ms and use the popup window's `closed` property\n  useEffect(() => {\n    let timer: NodeJS.Timeout\n\n    if (isOpen) {\n      timer = setInterval(function () {\n        if (popupRef.current.closed) {\n          clearInterval(timer)\n          setIsOpen(false)\n        }\n      }, 1000)\n    } else {\n      clearInterval(timer)\n    }\n\n    return () => {\n      if (timer) {\n        clearInterval(timer)\n      }\n    }\n  }, [isOpen, popupRef])\n\n  return {\n    isPopupOpen: isOpen,\n    openPopupWindow,\n    popupRef,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Login/LoginField/index.d.ts

@@ -0,0 +1,9 @@
+import type { Validate } from 'payload';
+import React from 'react';
+export type LoginFieldProps = {
+    readonly required?: boolean;
+    readonly type: 'email' | 'emailOrUsername' | 'username';
+    readonly validate?: Validate;
+};
+export declare const LoginField: React.FC<LoginFieldProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Login/LoginField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAmB,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,iBAAiB,GAAG,UAAU,CAAA;IACvD,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0DhD,CAAA"}

package/dist/views/Login/LoginField/index.js

@@ -0,0 +1,95 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EmailField, TextField, useTranslation } from '@payloadcms/ui';
+import { email, username } from 'payload/shared';
+import React from 'react';
+export const LoginField = t0 => {
+  const $ = _c(11);
+  const {
+    type,
+    required: t1
+  } = t0;
+  const required = t1 === undefined ? true : t1;
+  const {
+    t
+  } = useTranslation();
+  if (type === "email") {
+    let t2;
+    if ($[0] !== t || $[1] !== required) {
+      t2 = _jsx(EmailField, {
+        field: {
+          name: "email",
+          admin: {
+            autoComplete: "email"
+          },
+          label: t("general:email"),
+          required
+        },
+        validate: email
+      });
+      $[0] = t;
+      $[1] = required;
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+    return t2;
+  }
+  if (type === "username") {
+    let t2;
+    if ($[3] !== t || $[4] !== required) {
+      t2 = _jsx(TextField, {
+        field: {
+          name: "username",
+          label: t("authentication:username"),
+          required
+        },
+        validate: username
+      });
+      $[3] = t;
+      $[4] = required;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    return t2;
+  }
+  if (type === "emailOrUsername") {
+    let t2;
+    if ($[6] !== t || $[7] !== required) {
+      let t3;
+      if ($[9] !== t) {
+        t3 = (value, options) => {
+          const passesUsername = username(value, options);
+          const passesEmail = email(value, options);
+          if (!passesEmail && !passesUsername) {
+            return `${t("general:email")}: ${passesEmail} ${t("general:username")}: ${passesUsername}`;
+          }
+          return true;
+        };
+        $[9] = t;
+        $[10] = t3;
+      } else {
+        t3 = $[10];
+      }
+      t2 = _jsx(TextField, {
+        field: {
+          name: "username",
+          label: t("authentication:emailOrUsername"),
+          required
+        },
+        validate: t3
+      });
+      $[6] = t;
+      $[7] = required;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
+    }
+    return t2;
+  }
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Login/LoginField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","EmailField","TextField","useTranslation","email","username","React","LoginField","t0","$","type","required","t1","undefined","t","t2","_jsx","field","name","admin","autoComplete","label","validate","t3","value","options","passesUsername","passesEmail"],"sources":["../../../../src/views/Login/LoginField/index.tsx"],"sourcesContent":["'use client'\nimport type { Validate, ValidateOptions } from 'payload'\n\nimport { EmailField, TextField, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\nexport type LoginFieldProps = {\n  readonly required?: boolean\n  readonly type: 'email' | 'emailOrUsername' | 'username'\n  readonly validate?: Validate\n}\n\nexport const LoginField: React.FC<LoginFieldProps> = ({ type, required = true }) => {\n  const { t } = useTranslation()\n\n  if (type === 'email') {\n    return (\n      <EmailField\n        field={{\n          name: 'email',\n          admin: {\n            autoComplete: 'email',\n          },\n          label: t('general:email'),\n          required,\n        }}\n        validate={email}\n      />\n    )\n  }\n\n  if (type === 'username') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:username'),\n          required,\n        }}\n        validate={username}\n      />\n    )\n  }\n\n  if (type === 'emailOrUsername') {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:emailOrUsername'),\n          required,\n        }}\n        validate={(value, options) => {\n          const passesUsername = username(value, options)\n          const passesEmail = email(\n            value,\n            options as ValidateOptions<any, { username?: string }, any, any>,\n          )\n\n          if (!passesEmail && !passesUsername) {\n            return `${t('general:email')}: ${passesEmail} ${t('general:username')}: ${passesUsername}`\n          }\n\n          return true\n        }}\n      />\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,UAAU,EAAEC,SAAS,EAAEC,cAAc,QAAQ;AACtD,SAASC,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAQlB,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,IAAA;IAAAC,QAAA,EAAAC;EAAA,IAAAJ,EAAyB;EAAjB,MAAAG,QAAA,GAAAC,EAAe,KAAAC,SAAA,UAAfD,EAAe;EAC3E;IAAAE;EAAA,IAAcX,cAAA;EAAA,IAEVO,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAETI,EAAA,GAAAC,IAAA,CAAAf,UAAA;QAAAgB,KAAA;UAAAC,IAAA,EAEU;UAAAC,KAAA;YAAAC,YAAA,EAEU;UAAA;UAAAC,KAAA,EAETP,CAAA,CAAE;UAAAH;QAAA;QAAAW,QAAA,EAAAlB;MAAA,C;;;;;;;WANbW,E;;MAcAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAETI,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAe,KAAA;UAAAC,IAAA,EAEU;UAAAG,KAAA,EACCP,CAAA,CAAE;UAAAH;QAAA;QAAAW,QAAA,EAAAjB;MAAA,C;;;;;;;WAHbU,E;;MAWAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAAA,IAAAY,EAAA;MAAA,IAAAd,CAAA,QAAAK,CAAA;QAQGS,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;UACR,MAAAC,cAAA,GAAuBrB,QAAA,CAASmB,KAAA,EAAOC,OAAA;UACvC,MAAAE,WAAA,GAAoBvB,KAAA,CAClBoB,KAAA,EACAC,OAAA;UAAA,IAGE,CAACE,WAAA,KAAgBD,cAAA;YAAA,OACZ,GAAGZ,CAAA,CAAE,qBAAqBa,WAAA,IAAeb,CAAA,CAAE,wBAAwBY,cAAA,EAAgB;UAAA;UAAA;QAAA;QAI9FjB,CAAA,MAAAK,CAAA;QAAAL,CAAA,OAAAc,EAAA;MAAA;QAAAA,EAAA,GAAAd,CAAA;MAAA;MAlBFM,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAe,KAAA;UAAAC,IAAA,EAEU;UAAAG,KAAA,EACCP,CAAA,CAAE;UAAAH;QAAA;QAAAW,QAAA,EAGDC;MAYV,C;;;;;;;WAlBFR,E;;;CAwBN","ignoreList":[]}

package/dist/views/Login/LoginForm/index.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import './index.scss';
 export declare const LoginForm: React.FC<{
+    prefillEmail?: string;
+    prefillPassword?: string;
+    prefillUsername?: string;
     searchParams: {
         [key: string]: string | string[] | undefined;
     };

package/dist/views/Login/LoginForm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginForm/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;KAAE,CAAA;CAC/D,CAoFA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginForm/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;KAAE,CAAA;CAC/D,CA0FA,CAAA"}