@payloadcms/next 3.0.0-beta.90 → 3.0.0-beta.92

package/dist/elements/EmailAndUsername/index.js

@@ -1,89 +1,121 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { EmailField, RenderFields, TextField, useTranslation } from '@payloadcms/ui';
 import { email, username } from 'payload/shared';
 import React from 'react';
 function EmailFieldComponent(props) {
-    const { loginWithUsername } = props;
-    const { t } = useTranslation();
-    const requireEmail = !loginWithUsername || loginWithUsername && loginWithUsername.requireEmail;
-    const showEmailField = !loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin;
-    if (showEmailField) {
-        return /*#__PURE__*/ _jsx(EmailField, {
-            autoComplete: "off",
-            field: {
-                name: 'email',
-                label: t('general:email'),
-                required: requireEmail
-            },
-            validate: email
-        });
+  const $ = _c(3);
+  const {
+    loginWithUsername
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  const requireEmail = !loginWithUsername || loginWithUsername && loginWithUsername.requireEmail;
+  const showEmailField = !loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin;
+  if (showEmailField) {
+    let t0;
+    if ($[0] !== t || $[1] !== requireEmail) {
+      t0 = _jsx(EmailField, {
+        autoComplete: "off",
+        field: {
+          name: "email",
+          label: t("general:email"),
+          required: requireEmail
+        },
+        validate: email
+      });
+      $[0] = t;
+      $[1] = requireEmail;
+      $[2] = t0;
+    } else {
+      t0 = $[2];
     }
-    return null;
+    return t0;
+  }
+  return null;
 }
 function UsernameFieldComponent(props) {
-    const { loginWithUsername } = props;
-    const { t } = useTranslation();
-    const requireUsername = loginWithUsername && loginWithUsername.requireUsername;
-    const showUsernameField = Boolean(loginWithUsername);
-    if (showUsernameField) {
-        return /*#__PURE__*/ _jsx(TextField, {
-            field: {
-                name: 'username',
-                label: t('authentication:username'),
-                required: requireUsername
-            },
-            validate: username
-        });
+  const $ = _c(3);
+  const {
+    loginWithUsername
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  const requireUsername = loginWithUsername && loginWithUsername.requireUsername;
+  const showUsernameField = Boolean(loginWithUsername);
+  if (showUsernameField) {
+    let t0;
+    if ($[0] !== t || $[1] !== requireUsername) {
+      t0 = _jsx(TextField, {
+        field: {
+          name: "username",
+          label: t("authentication:username"),
+          required: requireUsername
+        },
+        validate: username
+      });
+      $[0] = t;
+      $[1] = requireUsername;
+      $[2] = t0;
+    } else {
+      t0 = $[2];
     }
-    return null;
+    return t0;
+  }
+  return null;
 }
 export function RenderEmailAndUsernameFields(props) {
-    const { className, loginWithUsername, operation, permissions, readOnly } = props;
-    return /*#__PURE__*/ _jsx(RenderFields, {
-        className: className,
-        fields: [
-            {
-                name: 'email',
-                type: 'text',
-                admin: {
-                    autoComplete: 'off',
-                    components: {
-                        Field: {
-                            type: 'client',
-                            Component: null,
-                            RenderedComponent: /*#__PURE__*/ _jsx(EmailFieldComponent, {
-                                loginWithUsername: loginWithUsername
-                            })
-                        }
-                    }
-                },
-                localized: false
-            },
-            {
-                name: 'username',
-                type: 'text',
-                admin: {
-                    components: {
-                        Field: {
-                            type: 'client',
-                            Component: null,
-                            RenderedComponent: /*#__PURE__*/ _jsx(UsernameFieldComponent, {
-                                loginWithUsername: loginWithUsername
-                            })
-                        }
-                    }
-                },
-                localized: false
-            }
-        ],
-        forceRender: true,
-        operation: operation,
-        path: "",
-        permissions: permissions,
-        readOnly: readOnly,
-        schemaPath: ""
-    });
+  const {
+    className,
+    loginWithUsername,
+    operation,
+    permissions,
+    readOnly
+  } = props;
+  return /*#__PURE__*/_jsx(RenderFields, {
+    className: className,
+    fields: [{
+      name: 'email',
+      type: 'text',
+      admin: {
+        autoComplete: 'off',
+        components: {
+          Field: {
+            type: 'client',
+            Component: null,
+            RenderedComponent: /*#__PURE__*/_jsx(EmailFieldComponent, {
+              loginWithUsername: loginWithUsername
+            })
+          }
+        }
+      },
+      localized: false
+    }, {
+      name: 'username',
+      type: 'text',
+      admin: {
+        components: {
+          Field: {
+            type: 'client',
+            Component: null,
+            RenderedComponent: /*#__PURE__*/_jsx(UsernameFieldComponent, {
+              loginWithUsername: loginWithUsername
+            })
+          }
+        }
+      },
+      localized: false
+    }],
+    forceRender: true,
+    operation: operation,
+    path: "",
+    permissions: permissions,
+    readOnly: readOnly,
+    schemaPath: ""
+  });
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/EmailAndUsername/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldPermissions, LoginWithUsernameOptions } from 'payload'\n\nimport { EmailField, RenderFields, TextField, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\ntype Props = {\n  readonly loginWithUsername?: LoginWithUsernameOptions | false\n}\nfunction EmailFieldComponent(props: Props) {\n  const { loginWithUsername } = props\n  const { t } = useTranslation()\n\n  const requireEmail = !loginWithUsername || (loginWithUsername && loginWithUsername.requireEmail)\n  const showEmailField =\n    !loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin\n\n  if (showEmailField) {\n    return (\n      <EmailField\n        autoComplete=\"off\"\n        field={{\n          name: 'email',\n          label: t('general:email'),\n          required: requireEmail,\n        }}\n        validate={email}\n      />\n    )\n  }\n\n  return null\n}\n\nfunction UsernameFieldComponent(props: Props) {\n  const { loginWithUsername } = props\n  const { t } = useTranslation()\n\n  const requireUsername = loginWithUsername && loginWithUsername.requireUsername\n  const showUsernameField = Boolean(loginWithUsername)\n\n  if (showUsernameField) {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:username'),\n          required: requireUsername,\n        }}\n        validate={username}\n      />\n    )\n  }\n\n  return null\n}\n\ntype RenderEmailAndUsernameFieldsProps = {\n  className?: string\n  loginWithUsername?: LoginWithUsernameOptions | false\n  operation?: 'create' | 'update'\n  permissions?: {\n    [fieldName: string]: FieldPermissions\n  }\n  readOnly: boolean\n}\nexport function RenderEmailAndUsernameFields(props: RenderEmailAndUsernameFieldsProps) {\n  const { className, loginWithUsername, operation, permissions, readOnly } = props\n\n  return (\n    <RenderFields\n      className={className}\n      fields={[\n        {\n          name: 'email',\n          type: 'text',\n          admin: {\n            autoComplete: 'off',\n            components: {\n              Field: {\n                type: 'client',\n                Component: null,\n                RenderedComponent: <EmailFieldComponent loginWithUsername={loginWithUsername} />,\n              },\n            },\n          },\n          localized: false,\n        },\n        {\n          name: 'username',\n          type: 'text',\n          admin: {\n            components: {\n              Field: {\n                type: 'client',\n                Component: null,\n                RenderedComponent: <UsernameFieldComponent loginWithUsername={loginWithUsername} />,\n              },\n            },\n          },\n          localized: false,\n        },\n      ]}\n      forceRender\n      operation={operation}\n      path=\"\"\n      permissions={permissions}\n      readOnly={readOnly}\n      schemaPath=\"\"\n    />\n  )\n}\n"],"names":["EmailField","RenderFields","TextField","useTranslation","email","username","React","EmailFieldComponent","props","loginWithUsername","t","requireEmail","showEmailField","allowEmailLogin","autoComplete","field","name","label","required","validate","UsernameFieldComponent","requireUsername","showUsernameField","Boolean","RenderEmailAndUsernameFields","className","operation","permissions","readOnly","fields","type","admin","components","Field","Component","RenderedComponent","localized","forceRender","path","schemaPath"],"mappings":"AAAA;;AAIA,SAASA,UAAU,EAAEC,YAAY,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACpF,SAASC,KAAK,EAAEC,QAAQ,QAAQ,iBAAgB;AAChD,OAAOC,WAAW,QAAO;AAKzB,SAASC,oBAAoBC,KAAY;IACvC,MAAM,EAAEC,iBAAiB,EAAE,GAAGD;IAC9B,MAAM,EAAEE,CAAC,EAAE,GAAGP;IAEd,MAAMQ,eAAe,CAACF,qBAAsBA,qBAAqBA,kBAAkBE,YAAY;IAC/F,MAAMC,iBACJ,CAACH,qBAAqBA,mBAAmBE,gBAAgBF,mBAAmBI;IAE9E,IAAID,gBAAgB;QAClB,qBACE,KAACZ;YACCc,cAAa;YACbC,OAAO;gBACLC,MAAM;gBACNC,OAAOP,EAAE;gBACTQ,UAAUP;YACZ;YACAQ,UAAUf;;IAGhB;IAEA,OAAO;AACT;AAEA,SAASgB,uBAAuBZ,KAAY;IAC1C,MAAM,EAAEC,iBAAiB,EAAE,GAAGD;IAC9B,MAAM,EAAEE,CAAC,EAAE,GAAGP;IAEd,MAAMkB,kBAAkBZ,qBAAqBA,kBAAkBY,eAAe;IAC9E,MAAMC,oBAAoBC,QAAQd;IAElC,IAAIa,mBAAmB;QACrB,qBACE,KAACpB;YACCa,OAAO;gBACLC,MAAM;gBACNC,OAAOP,EAAE;gBACTQ,UAAUG;YACZ;YACAF,UAAUd;;IAGhB;IAEA,OAAO;AACT;AAWA,OAAO,SAASmB,6BAA6BhB,KAAwC;IACnF,MAAM,EAAEiB,SAAS,EAAEhB,iBAAiB,EAAEiB,SAAS,EAAEC,WAAW,EAAEC,QAAQ,EAAE,GAAGpB;IAE3E,qBACE,KAACP;QACCwB,WAAWA;QACXI,QAAQ;YACN;gBACEb,MAAM;gBACNc,MAAM;gBACNC,OAAO;oBACLjB,cAAc;oBACdkB,YAAY;wBACVC,OAAO;4BACLH,MAAM;4BACNI,WAAW;4BACXC,iCAAmB,KAAC5B;gCAAoBE,mBAAmBA;;wBAC7D;oBACF;gBACF;gBACA2B,WAAW;YACb;YACA;gBACEpB,MAAM;gBACNc,MAAM;gBACNC,OAAO;oBACLC,YAAY;wBACVC,OAAO;4BACLH,MAAM;4BACNI,WAAW;4BACXC,iCAAmB,KAACf;gCAAuBX,mBAAmBA;;wBAChE;oBACF;gBACF;gBACA2B,WAAW;YACb;SACD;QACDC,WAAW;QACXX,WAAWA;QACXY,MAAK;QACLX,aAAaA;QACbC,UAAUA;QACVW,YAAW;;AAGjB"}
+{"version":3,"file":"index.js","names":["c","_c","EmailField","RenderFields","TextField","useTranslation","email","username","React","EmailFieldComponent","props","$","loginWithUsername","t","requireEmail","showEmailField","allowEmailLogin","t0","_jsx","autoComplete","field","name","label","required","validate","UsernameFieldComponent","requireUsername","showUsernameField","Boolean","RenderEmailAndUsernameFields","className","operation","permissions","readOnly","fields","type","admin","components","Field","Component","RenderedComponent","localized","forceRender","path","schemaPath"],"sources":["../../../src/elements/EmailAndUsername/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldPermissions, LoginWithUsernameOptions } from 'payload'\n\nimport { EmailField, RenderFields, TextField, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\ntype Props = {\n  readonly loginWithUsername?: LoginWithUsernameOptions | false\n}\nfunction EmailFieldComponent(props: Props) {\n  const { loginWithUsername } = props\n  const { t } = useTranslation()\n\n  const requireEmail = !loginWithUsername || (loginWithUsername && loginWithUsername.requireEmail)\n  const showEmailField =\n    !loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin\n\n  if (showEmailField) {\n    return (\n      <EmailField\n        autoComplete=\"off\"\n        field={{\n          name: 'email',\n          label: t('general:email'),\n          required: requireEmail,\n        }}\n        validate={email}\n      />\n    )\n  }\n\n  return null\n}\n\nfunction UsernameFieldComponent(props: Props) {\n  const { loginWithUsername } = props\n  const { t } = useTranslation()\n\n  const requireUsername = loginWithUsername && loginWithUsername.requireUsername\n  const showUsernameField = Boolean(loginWithUsername)\n\n  if (showUsernameField) {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:username'),\n          required: requireUsername,\n        }}\n        validate={username}\n      />\n    )\n  }\n\n  return null\n}\n\ntype RenderEmailAndUsernameFieldsProps = {\n  className?: string\n  loginWithUsername?: LoginWithUsernameOptions | false\n  operation?: 'create' | 'update'\n  permissions?: {\n    [fieldName: string]: FieldPermissions\n  }\n  readOnly: boolean\n}\nexport function RenderEmailAndUsernameFields(props: RenderEmailAndUsernameFieldsProps) {\n  const { className, loginWithUsername, operation, permissions, readOnly } = props\n\n  return (\n    <RenderFields\n      className={className}\n      fields={[\n        {\n          name: 'email',\n          type: 'text',\n          admin: {\n            autoComplete: 'off',\n            components: {\n              Field: {\n                type: 'client',\n                Component: null,\n                RenderedComponent: <EmailFieldComponent loginWithUsername={loginWithUsername} />,\n              },\n            },\n          },\n          localized: false,\n        },\n        {\n          name: 'username',\n          type: 'text',\n          admin: {\n            components: {\n              Field: {\n                type: 'client',\n                Component: null,\n                RenderedComponent: <UsernameFieldComponent loginWithUsername={loginWithUsername} />,\n              },\n            },\n          },\n          localized: false,\n        },\n      ]}\n      forceRender\n      operation={operation}\n      path=\"\"\n      permissions={permissions}\n      readOnly={readOnly}\n      schemaPath=\"\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,UAAU,EAAEC,YAAY,EAAEC,SAAS,EAAEC,cAAc,QAAQ;AACpE,SAASC,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAKlB,SAAAC,oBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACE;IAAAW;EAAA,IAA8BF,KAAA;EAC9B;IAAAG;EAAA,IAAcR,cAAA;EAEd,MAAAS,YAAA,GAAqB,CAACF,iBAAA,IAAsBA,iBAAA,IAAqBA,iBAAA,CAAAE,YAA8B;EAC/F,MAAAC,cAAA,GACE,CAACH,iBAAA,IAAqBA,iBAAA,EAAAE,YAAmB,IAAgBF,iBAAA,EAAAI,eAAmB;EAAA,IAE1ED,cAAA;IAAA,IAAAE,EAAA;IAAA,IAAAN,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAG,YAAA;MAEAG,EAAA,GAAAC,IAAA,CAAAhB,UAAA;QAAAiB,YAAA,EACe;QAAAC,KAAA;UAAAC,IAAA,EAEL;UAAAC,KAAA,EACCT,CAAA,CAAE;UAAAU,QAAA,EACCT;QAAA;QAAAU,QAAA,EAAAlB;MAAA,C;;;;;;;WALdW,E;;;;AAeN,SAAAQ,uBAAAf,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACE;IAAAW;EAAA,IAA8BF,KAAA;EAC9B;IAAAG;EAAA,IAAcR,cAAA;EAEd,MAAAqB,eAAA,GAAwBd,iBAAA,IAAqBA,iBAAA,CAAAc,eAAiC;EAC9E,MAAAC,iBAAA,GAA0BC,OAAA,CAAQhB,iBAAA;EAAA,IAE9Be,iBAAA;IAAA,IAAAV,EAAA;IAAA,IAAAN,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAe,eAAA;MAEAT,EAAA,GAAAC,IAAA,CAAAd,SAAA;QAAAgB,KAAA;UAAAC,IAAA,EAEU;UAAAC,KAAA,EACCT,CAAA,CAAE;UAAAU,QAAA,EACCG;QAAA;QAAAF,QAAA,EAAAjB;MAAA,C;;;;;;;WAJdU,E;;;;AAuBN,OAAO,SAASY,6BAA6BnB,KAAwC;EACnF,MAAM;IAAEoB,SAAS;IAAElB,iBAAiB;IAAEmB,SAAS;IAAEC,WAAW;IAAEC;EAAQ,CAAE,GAAGvB,KAAA;EAE3E,oBACEQ,IAAA,CAACf,YAAA;IACC2B,SAAA,EAAWA,SAAA;IACXI,MAAA,EAAQ,CACN;MACEb,IAAA,EAAM;MACNc,IAAA,EAAM;MACNC,KAAA,EAAO;QACLjB,YAAA,EAAc;QACdkB,UAAA,EAAY;UACVC,KAAA,EAAO;YACLH,IAAA,EAAM;YACNI,SAAA,EAAW;YACXC,iBAAA,eAAmBtB,IAAA,CAACT,mBAAA;cAAoBG,iBAAA,EAAmBA;;UAC7D;QACF;MACF;MACA6B,SAAA,EAAW;IACb,GACA;MACEpB,IAAA,EAAM;MACNc,IAAA,EAAM;MACNC,KAAA,EAAO;QACLC,UAAA,EAAY;UACVC,KAAA,EAAO;YACLH,IAAA,EAAM;YACNI,SAAA,EAAW;YACXC,iBAAA,eAAmBtB,IAAA,CAACO,sBAAA;cAAuBb,iBAAA,EAAmBA;;UAChE;QACF;MACF;MACA6B,SAAA,EAAW;IACb,EACD;IACDC,WAAW;IACXX,SAAA,EAAWA,SAAA;IACXY,IAAA,EAAK;IACLX,WAAA,EAAaA,WAAA;IACbC,QAAA,EAAUA,QAAA;IACVW,UAAA,EAAW;;AAGjB","ignoreList":[]}

package/dist/elements/LeaveWithoutSaving/index.js

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

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

@@ -1 +1 @@
-{"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 { closeModal } = useModal()\n  const modified = useFormModified()\n  const { user } = useAuth()\n  const [show, setShow] = React.useState(false)\n  const [hasAccepted, setHasAccepted] = React.useState(false)\n\n  const prevent = Boolean(modified && user)\n\n  const onPrevent = useCallback(() => {\n    setShow(true)\n  }, [])\n\n  const handleAccept = useCallback(() => {\n    closeModal(modalSlug)\n  }, [closeModal])\n\n  usePreventLeave({ hasAccepted, onAccept: handleAccept, onPrevent, prevent })\n\n  return (\n    <Component\n      isActive={show}\n      onCancel={() => {\n        setShow(false)\n      }}\n      onConfirm={() => {\n        setHasAccepted(true)\n      }}\n    />\n  )\n}\n"],"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","handleAccept","onAccept"],"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,MAAM,EAAEb,UAAU,EAAE,GAAGZ;IACvB,MAAM0B,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;IAEL,MAAMO,eAAejC,YAAY;QAC/BS,WAAWN;IACb,GAAG;QAACM;KAAW;IAEfP,gBAAgB;QAAE0B;QAAaM,UAAUD;QAAcD;QAAWF;IAAQ;IAE1E,qBACE,KAACzB;QACCC,UAAUmB;QACVlB,UAAU;YACRmB,QAAQ;QACV;QACAlB,WAAW;YACTqB,eAAe;QACjB;;AAGN,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","Button","Modal","useAuth","useFormModified","useModal","useTranslation","React","useCallback","useEffect","usePreventLeave","modalSlug","baseClass","Component","t0","$","isActive","onCancel","onConfirm","closeModal","openModal","t","t1","t2","t3","_jsx","className","onClose","slug","children","_jsxs","buttonStyle","onClick","size","LeaveWithoutSaving","modified","user","show","setShow","useState","hasAccepted","setHasAccepted","prevent","Boolean","Symbol","for","onPrevent","handleAccept","onAccept","t4","t5"],"sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"sourcesContent":["'use client'\nimport { Button, Modal, useAuth, useFormModified, useModal, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback, useEffect } from 'react'\n\nimport './index.scss'\nimport { usePreventLeave } from './usePreventLeave.js'\n\nconst modalSlug = 'leave-without-saving'\n\nconst baseClass = 'leave-without-saving'\n\nconst Component: React.FC<{\n  isActive: boolean\n  onCancel: () => void\n  onConfirm: () => void\n}> = ({ isActive, onCancel, onConfirm }) => {\n  const { closeModal, modalState, openModal } = useModal()\n  const { t } = useTranslation()\n\n  // Manually check for modal state as 'esc' key will not trigger the nav inactivity\n  // useEffect(() => {\n  //   if (!modalState?.[modalSlug]?.isOpen && isActive) {\n  //     onCancel()\n  //   }\n  // }, [modalState, isActive, onCancel])\n\n  useEffect(() => {\n    if (isActive) 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 { closeModal } = useModal()\n  const modified = useFormModified()\n  const { user } = useAuth()\n  const [show, setShow] = React.useState(false)\n  const [hasAccepted, setHasAccepted] = React.useState(false)\n\n  const prevent = Boolean(modified && user)\n\n  const onPrevent = useCallback(() => {\n    setShow(true)\n  }, [])\n\n  const handleAccept = useCallback(() => {\n    closeModal(modalSlug)\n  }, [closeModal])\n\n  usePreventLeave({ hasAccepted, onAccept: handleAccept, onPrevent, prevent })\n\n  return (\n    <Component\n      isActive={show}\n      onCancel={() => {\n        setShow(false)\n      }}\n      onConfirm={() => {\n        setHasAccepted(true)\n      }}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

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