@payloadcms/next 3.0.0-canary.294ea5c → 3.0.0-canary.2d0dd26

package/dist/views/LivePreview/index.js

@@ -1,49 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { notFound } from 'next/navigation.js';
 import React from 'react';
 import { LivePreviewClient } from './index.client.js';
 export const LivePreviewView = async props => {
   const {
+    doc,
     initPageResult
   } = props;
   const {
     collectionConfig,
-    docID,
     globalConfig,
     locale,
-    req: {
-      payload: {
-        config: {
-          admin: {
-            livePreview: topLevelLivePreviewConfig
-          }
-        }
-      } = {}
-    } = {}
+    req
   } = initPageResult;
-  let data;
-  try {
-    if (collectionConfig) {
-      data = await initPageResult.req.payload.findByID({
-        id: docID,
-        collection: collectionConfig.slug,
-        depth: 0,
-        draft: true,
-        fallbackLocale: null
-      });
-    }
-    if (globalConfig) {
-      data = await initPageResult.req.payload.findGlobal({
-        slug: globalConfig.slug,
-        depth: 0,
-        draft: true,
-        fallbackLocale: null
-      });
-    }
-  } catch (error) {
-    notFound();
-  }
-  let livePreviewConfig = topLevelLivePreviewConfig;
+  let livePreviewConfig = req.payload.config?.admin?.livePreview;
   if (collectionConfig) {
     livePreviewConfig = {
       ...(livePreviewConfig || {}),
@@ -64,14 +33,14 @@ export const LivePreviewView = async props => {
   }];
   const url = typeof livePreviewConfig?.url === 'function' ? await livePreviewConfig.url({
     collectionConfig,
-    data,
+    data: doc,
     globalConfig,
     locale,
     payload: initPageResult.req.payload
   }) : livePreviewConfig?.url;
   return /*#__PURE__*/_jsx(LivePreviewClient, {
     breakpoints: breakpoints,
-    initialData: data,
+    initialData: doc,
     url: url
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["notFound","React","LivePreviewClient","LivePreviewView","props","initPageResult","collectionConfig","docID","globalConfig","locale","req","payload","config","admin","livePreview","topLevelLivePreviewConfig","data","findByID","id","collection","slug","depth","draft","fallbackLocale","findGlobal","error","livePreviewConfig","breakpoints","name","height","label","width","url","_jsx","initialData"],"sources":["../../../src/views/LivePreview/index.tsx"],"sourcesContent":["import type {\n  EditViewComponent,\n  LivePreviewConfig,\n  PayloadServerReactComponent,\n  TypeWithID,\n} from 'payload'\n\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { LivePreviewClient } from './index.client.js'\nimport './index.scss'\n\nexport const LivePreviewView: PayloadServerReactComponent<EditViewComponent> = async (props) => {\n  const { initPageResult } = props\n\n  const {\n    collectionConfig,\n    docID,\n    globalConfig,\n    locale,\n    req: {\n      payload: {\n        config: {\n          admin: { livePreview: topLevelLivePreviewConfig },\n        },\n      } = {},\n    } = {},\n  } = initPageResult\n\n  let data: Record<string, unknown> | TypeWithID\n\n  try {\n    if (collectionConfig) {\n      data = await initPageResult.req.payload.findByID({\n        id: docID,\n        collection: collectionConfig.slug,\n        depth: 0,\n        draft: true,\n        fallbackLocale: null,\n      })\n    }\n\n    if (globalConfig) {\n      data = await initPageResult.req.payload.findGlobal({\n        slug: globalConfig.slug,\n        depth: 0,\n        draft: true,\n        fallbackLocale: null,\n      })\n    }\n  } catch (error) {\n    notFound()\n  }\n\n  let livePreviewConfig: LivePreviewConfig = topLevelLivePreviewConfig\n\n  if (collectionConfig) {\n    livePreviewConfig = {\n      ...(livePreviewConfig || {}),\n      ...(collectionConfig.admin.livePreview || {}),\n    }\n  }\n\n  if (globalConfig) {\n    livePreviewConfig = {\n      ...(livePreviewConfig || {}),\n      ...(globalConfig.admin.livePreview || {}),\n    }\n  }\n\n  const breakpoints: LivePreviewConfig['breakpoints'] = [\n    ...(livePreviewConfig?.breakpoints || []),\n    {\n      name: 'responsive',\n      height: '100%',\n      label: 'Responsive',\n      width: '100%',\n    },\n  ]\n\n  const url =\n    typeof livePreviewConfig?.url === 'function'\n      ? await livePreviewConfig.url({\n          collectionConfig,\n          data,\n          globalConfig,\n          locale,\n          payload: initPageResult.req.payload,\n        })\n      : livePreviewConfig?.url\n\n  return <LivePreviewClient breakpoints={breakpoints} initialData={data} url={url} />\n}\n"],"mappings":";AAOA,SAASA,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,iBAAiB,QAAQ;AAGlC,OAAO,MAAMC,eAAA,GAAkE,MAAOC,KAAA;EACpF,MAAM;IAAEC;EAAc,CAAE,GAAGD,KAAA;EAE3B,MAAM;IACJE,gBAAgB;IAChBC,KAAK;IACLC,YAAY;IACZC,MAAM;IACNC,GAAA,EAAK;MACHC,OAAA,EAAS;QACPC,MAAA,EAAQ;UACNC,KAAA,EAAO;YAAEC,WAAA,EAAaC;UAAyB;QAAE;MAClD,CACF,GAAG,CAAC;IAAC,CACP,GAAG,CAAC;EAAC,CACP,GAAGV,cAAA;EAEJ,IAAIW,IAAA;EAEJ,IAAI;IACF,IAAIV,gBAAA,EAAkB;MACpBU,IAAA,GAAO,MAAMX,cAAA,CAAeK,GAAG,CAACC,OAAO,CAACM,QAAQ,CAAC;QAC/CC,EAAA,EAAIX,KAAA;QACJY,UAAA,EAAYb,gBAAA,CAAiBc,IAAI;QACjCC,KAAA,EAAO;QACPC,KAAA,EAAO;QACPC,cAAA,EAAgB;MAClB;IACF;IAEA,IAAIf,YAAA,EAAc;MAChBQ,IAAA,GAAO,MAAMX,cAAA,CAAeK,GAAG,CAACC,OAAO,CAACa,UAAU,CAAC;QACjDJ,IAAA,EAAMZ,YAAA,CAAaY,IAAI;QACvBC,KAAA,EAAO;QACPC,KAAA,EAAO;QACPC,cAAA,EAAgB;MAClB;IACF;EACF,EAAE,OAAOE,KAAA,EAAO;IACdzB,QAAA;EACF;EAEA,IAAI0B,iBAAA,GAAuCX,yBAAA;EAE3C,IAAIT,gBAAA,EAAkB;IACpBoB,iBAAA,GAAoB;MAClB,IAAIA,iBAAA,IAAqB,CAAC,CAAC;MAC3B,IAAIpB,gBAAA,CAAiBO,KAAK,CAACC,WAAW,IAAI,CAAC,CAAC;IAC9C;EACF;EAEA,IAAIN,YAAA,EAAc;IAChBkB,iBAAA,GAAoB;MAClB,IAAIA,iBAAA,IAAqB,CAAC,CAAC;MAC3B,IAAIlB,YAAA,CAAaK,KAAK,CAACC,WAAW,IAAI,CAAC,CAAC;IAC1C;EACF;EAEA,MAAMa,WAAA,GAAgD,C,IAChDD,iBAAA,EAAmBC,WAAA,IAAe,EAAE,GACxC;IACEC,IAAA,EAAM;IACNC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,KAAA,EAAO;EACT,EACD;EAED,MAAMC,GAAA,GACJ,OAAON,iBAAA,EAAmBM,GAAA,KAAQ,aAC9B,MAAMN,iBAAA,CAAkBM,GAAG,CAAC;IAC1B1B,gBAAA;IACAU,IAAA;IACAR,YAAA;IACAC,MAAA;IACAE,OAAA,EAASN,cAAA,CAAeK,GAAG,CAACC;EAC9B,KACAe,iBAAA,EAAmBM,GAAA;EAEzB,oBAAOC,IAAA,CAAC/B,iBAAA;IAAkByB,WAAA,EAAaA,WAAA;IAAaO,WAAA,EAAalB,IAAA;IAAMgB,GAAA,EAAKA;;AAC9E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","LivePreviewClient","LivePreviewView","props","doc","initPageResult","collectionConfig","globalConfig","locale","req","livePreviewConfig","payload","config","admin","livePreview","breakpoints","name","height","label","width","url","data","_jsx","initialData"],"sources":["../../../src/views/LivePreview/index.tsx"],"sourcesContent":["import type { EditViewComponent, LivePreviewConfig, PayloadServerReactComponent } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\nimport { LivePreviewClient } from './index.client.js'\n\nexport const LivePreviewView: PayloadServerReactComponent<EditViewComponent> = async (props) => {\n  const { doc, initPageResult } = props\n\n  const { collectionConfig, globalConfig, locale, req } = initPageResult\n\n  let livePreviewConfig: LivePreviewConfig = req.payload.config?.admin?.livePreview\n\n  if (collectionConfig) {\n    livePreviewConfig = {\n      ...(livePreviewConfig || {}),\n      ...(collectionConfig.admin.livePreview || {}),\n    }\n  }\n\n  if (globalConfig) {\n    livePreviewConfig = {\n      ...(livePreviewConfig || {}),\n      ...(globalConfig.admin.livePreview || {}),\n    }\n  }\n\n  const breakpoints: LivePreviewConfig['breakpoints'] = [\n    ...(livePreviewConfig?.breakpoints || []),\n    {\n      name: 'responsive',\n      height: '100%',\n      label: 'Responsive',\n      width: '100%',\n    },\n  ]\n\n  const url =\n    typeof livePreviewConfig?.url === 'function'\n      ? await livePreviewConfig.url({\n          collectionConfig,\n          data: doc,\n          globalConfig,\n          locale,\n          payload: initPageResult.req.payload,\n        })\n      : livePreviewConfig?.url\n\n  return <LivePreviewClient breakpoints={breakpoints} initialData={doc} url={url} />\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAGlB,SAASC,iBAAiB,QAAQ;AAElC,OAAO,MAAMC,eAAA,GAAkE,MAAOC,KAAA;EACpF,MAAM;IAAEC,GAAG;IAAEC;EAAc,CAAE,GAAGF,KAAA;EAEhC,MAAM;IAAEG,gBAAgB;IAAEC,YAAY;IAAEC,MAAM;IAAEC;EAAG,CAAE,GAAGJ,cAAA;EAExD,IAAIK,iBAAA,GAAuCD,GAAA,CAAIE,OAAO,CAACC,MAAM,EAAEC,KAAA,EAAOC,WAAA;EAEtE,IAAIR,gBAAA,EAAkB;IACpBI,iBAAA,GAAoB;MAClB,IAAIA,iBAAA,IAAqB,CAAC,CAAC;MAC3B,IAAIJ,gBAAA,CAAiBO,KAAK,CAACC,WAAW,IAAI,CAAC,CAAC;IAC9C;EACF;EAEA,IAAIP,YAAA,EAAc;IAChBG,iBAAA,GAAoB;MAClB,IAAIA,iBAAA,IAAqB,CAAC,CAAC;MAC3B,IAAIH,YAAA,CAAaM,KAAK,CAACC,WAAW,IAAI,CAAC,CAAC;IAC1C;EACF;EAEA,MAAMC,WAAA,GAAgD,C,IAChDL,iBAAA,EAAmBK,WAAA,IAAe,EAAE,GACxC;IACEC,IAAA,EAAM;IACNC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,KAAA,EAAO;EACT,EACD;EAED,MAAMC,GAAA,GACJ,OAAOV,iBAAA,EAAmBU,GAAA,KAAQ,aAC9B,MAAMV,iBAAA,CAAkBU,GAAG,CAAC;IAC1Bd,gBAAA;IACAe,IAAA,EAAMjB,GAAA;IACNG,YAAA;IACAC,MAAA;IACAG,OAAA,EAASN,cAAA,CAAeI,GAAG,CAACE;EAC9B,KACAD,iBAAA,EAAmBU,GAAA;EAEzB,oBAAOE,IAAA,CAACrB,iBAAA;IAAkBc,WAAA,EAAaA,WAAA;IAAaQ,WAAA,EAAanB,GAAA;IAAKgB,GAAA,EAAKA;;AAC7E","ignoreList":[]}

package/dist/views/LivePreview/index.scss

@@ -1,66 +1,68 @@
 @import '../../scss/styles.scss';
 
-.live-preview {
-  width: 100%;
-  display: flex;
-  --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
+@layer payload-default {
+  .live-preview {
+    width: 100%;
+    display: flex;
+    --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
 
-  [dir='rtl'] & {
-    flex-direction: row-reverse;
-  }
+    [dir='rtl'] & {
+      flex-direction: row-reverse;
+    }
 
-  &--popup-open {
-    .live-preview {
-      &__edit {
-        padding-right: var(--gutter-h);
+    &--popup-open {
+      .live-preview {
+        &__edit {
+          padding-right: var(--gutter-h);
+        }
       }
     }
-  }
 
-  &__main {
-    width: 40%;
-    display: flex;
-    flex-direction: column;
-    min-height: 100%;
-    position: relative;
+    &__main {
+      width: 40%;
+      display: flex;
+      flex-direction: column;
+      min-height: 100%;
+      position: relative;
 
-    &--popup-open {
-      width: 100%;
-    }
+      &--popup-open {
+        width: 100%;
+      }
 
-    &::after {
-      content: ' ';
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: calc(var(--base) * 2);
-      height: 100%;
-      background: var(--gradient);
-      pointer-events: none;
-      z-index: -1;
+      &::after {
+        content: ' ';
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: calc(var(--base) * 2);
+        height: 100%;
+        background: var(--gradient);
+        pointer-events: none;
+        z-index: -1;
+      }
     }
-  }
 
-  @include mid-break {
-    flex-direction: column;
+    @include mid-break {
+      flex-direction: column;
 
-    &__main {
-      min-height: initial;
-      width: 100%;
+      &__main {
+        min-height: initial;
+        width: 100%;
 
-      &::after {
-        display: none;
+        &::after {
+          display: none;
+        }
       }
-    }
 
-    &__form {
-      display: block;
+      &__form {
+        display: block;
+      }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .live-preview {
-    --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
+  html[data-theme='dark'] {
+    .live-preview {
+      --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
+    }
   }
 }

package/dist/views/LivePreview/usePopupWindow.d.ts

@@ -15,6 +15,6 @@ export declare const usePopupWindow: (props: {
 }) => {
     isPopupOpen: boolean;
     openPopupWindow: () => void;
-    popupRef?: React.RefObject<Window | null>;
+    popupRef?: React.RefObject<null | Window>;
 };
 //# sourceMappingURL=usePopupWindow.d.ts.map

package/dist/views/LivePreview/usePopupWindow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupWindow.d.ts","sourceRoot":"","sources":["../../../src/views/LivePreview/usePopupWindow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;QACjC,IAAI,EAAE,MAAM,CAAA;QACZ,eAAe,EAAE,MAAM,CAAA;QACvB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,cAAc,UAAW;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzE,GAAG,EAAE,MAAM,CAAA;CACZ,KAAG;IACF,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;CAmH1C,CAAA"}
+{"version":3,"file":"usePopupWindow.d.ts","sourceRoot":"","sources":["../../../src/views/LivePreview/usePopupWindow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;QACjC,IAAI,EAAE,MAAM,CAAA;QACZ,eAAe,EAAE,MAAM,CAAA;QACvB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,cAAc,UAAW;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzE,GAAG,EAAE,MAAM,CAAA;CACZ,KAAG;IACF,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC,CAAA;CAmH1C,CAAA"}

package/dist/views/LivePreview/usePopupWindow.js

@@ -1,8 +1,10 @@
 'use client';
 
+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 $ = _c(15);
   const {
     eventType,
     onMessage,
@@ -11,89 +13,132 @@ export const usePopupWindow = props => {
   const isReceivingMessage = useRef(false);
   const [isOpen, setIsOpen] = useState(false);
   const {
-    config: {
-      serverURL
-    }
+    config: t0
   } = useConfig();
+  const {
+    serverURL
+  } = t0;
   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;
+  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;
+        }
+        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);
       }
+      return () => {
+        window.removeEventListener("message", receiveMessage);
+      };
     };
-    if (isOpen && popupRef.current) {
-      window.addEventListener('message', receiveMessage, false);
-    }
-    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();
-    }
-    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_0 = Math.round(window.innerWidth / 2 - features.width / 2);
-          strCopy += `left=${v_0},`;
+    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},`;
+            }
+          }
+          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);
       }
-      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) {
+      return () => {
+        if (timer) {
           clearInterval(timer);
-          setIsOpen(false);
         }
-      }, 1000);
-    } else {
-      clearInterval(timer);
-    }
-    return () => {
-      if (timer) {
-        clearInterval(timer);
-      }
+      };
+    };
+    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
     };
-  }, [isOpen, popupRef]);
-  return {
-    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,"file":"usePopupWindow.js","names":["useConfig","useCallback","useEffect","useRef","useState","usePopupWindow","props","eventType","onMessage","url","isReceivingMessage","isOpen","setIsOpen","config","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"],"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<Window | null>\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<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"],"mappings":"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","ignoreList":[]}
+{"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.map

@@ -1 +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,CAwDhD,CAAA"}
+{"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,CA6DhD,CAAA"}

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

@@ -19,12 +19,15 @@ export const LoginField = t0 => {
     let t2;
     if ($[0] !== t || $[1] !== required) {
       t2 = _jsx(EmailField, {
-        autoComplete: "email",
         field: {
           name: "email",
+          admin: {
+            autoComplete: "email"
+          },
           label: t("general:email"),
           required
         },
+        path: "email",
         validate: email
       });
       $[0] = t;
@@ -44,6 +47,7 @@ export const LoginField = t0 => {
           label: t("authentication:username"),
           required
         },
+        path: "username",
         validate: username
       });
       $[3] = t;
@@ -78,6 +82,7 @@ export const LoginField = t0 => {
           label: t("authentication:emailOrUsername"),
           required
         },
+        path: "username",
         validate: t3
       });
       $[6] = t;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","EmailField","TextField","useTranslation","email","username","React","LoginField","t0","$","type","required","t1","undefined","t","t2","_jsx","autoComplete","field","name","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        autoComplete=\"email\"\n        field={{\n          name: 'email',\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,YAAA,EACe;QAAAC,KAAA;UAAAC,IAAA,EAEL;UAAAC,KAAA,EACCN,CAAA,CAAE;UAAAH;QAAA;QAAAU,QAAA,EAAAjB;MAAA,C;;;;;;;WAJbW,E;;MAYAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAETI,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAgB,KAAA;UAAAC,IAAA,EAEU;UAAAC,KAAA,EACCN,CAAA,CAAE;UAAAH;QAAA;QAAAU,QAAA,EAAAhB;MAAA,C;;;;;;;WAHbU,E;;MAWAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAAA,IAAAW,EAAA;MAAA,IAAAb,CAAA,QAAAK,CAAA;QAQGQ,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;UACR,MAAAC,cAAA,GAAuBpB,QAAA,CAASkB,KAAA,EAAOC,OAAA;UACvC,MAAAE,WAAA,GAAoBtB,KAAA,CAClBmB,KAAA,EACAC,OAAA;UAAA,IAGE,CAACE,WAAA,KAAgBD,cAAA;YAAA,OACZ,GAAGX,CAAA,CAAE,qBAAqBY,WAAA,IAAeZ,CAAA,CAAE,wBAAwBW,cAAA,EAAgB;UAAA;UAAA;QAAA;QAI9FhB,CAAA,MAAAK,CAAA;QAAAL,CAAA,OAAAa,EAAA;MAAA;QAAAA,EAAA,GAAAb,CAAA;MAAA;MAlBFM,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAgB,KAAA;UAAAC,IAAA,EAEU;UAAAC,KAAA,EACCN,CAAA,CAAE;UAAAH;QAAA;QAAAU,QAAA,EAGDC;MAYV,C;;;;;;;WAlBFP,E;;;CAwBN","ignoreList":[]}
+{"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","path","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        path=\"email\"\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        path=\"username\"\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        path=\"username\"\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,IAAA,EAGN;QAAAC,QAAA,EAAAnB;MAAA,C;;;;;;;WATPW,E;;MAeAL,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,IAAA,EAGN;QAAAC,QAAA,EAAAlB;MAAA,C;;;;;;;WANPU,E;;MAYAL,IAAA,KAAS;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAE,QAAA;MAAA,IAAAa,EAAA;MAAA,IAAAf,CAAA,QAAAK,CAAA;QASGU,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;UACR,MAAAC,cAAA,GAAuBtB,QAAA,CAASoB,KAAA,EAAOC,OAAA;UACvC,MAAAE,WAAA,GAAoBxB,KAAA,CAClBqB,KAAA,EACAC,OAAA;UAAA,IAGE,CAACE,WAAA,KAAgBD,cAAA;YAAA,OACZ,GAAGb,CAAA,CAAE,qBAAqBc,WAAA,IAAed,CAAA,CAAE,wBAAwBa,cAAA,EAAgB;UAAA;UAAA;QAAA;QAI9FlB,CAAA,MAAAK,CAAA;QAAAL,CAAA,OAAAe,EAAA;MAAA;QAAAA,EAAA,GAAAf,CAAA;MAAA;MAnBFM,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAe,KAAA;UAAAC,IAAA,EAEU;UAAAG,KAAA,EACCP,CAAA,CAAE;UAAAH;QAAA;QAAAW,IAAA,EAGN;QAAAC,QAAA,EACKC;MAYV,C;;;;;;;WAnBFT,E;;;CAyBN","ignoreList":[]}

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;AAazB,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,CA+EA,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,CA2FA,CAAA"}