@payloadcms/next 3.0.0-beta.111 → 3.0.0-beta.113

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/dist/cjs/withPayload.cjs +145 -0
  2. package/dist/cjs/withPayload.cjs.map +1 -0
  3. package/dist/elements/FormHeader/index.d.ts +9 -0
  4. package/dist/elements/FormHeader/index.d.ts.map +1 -0
  5. package/dist/elements/FormHeader/index.js +20 -0
  6. package/dist/elements/FormHeader/index.js.map +1 -0
  7. package/dist/elements/FormHeader/index.scss +6 -0
  8. package/dist/exports/utilities.d.ts +1 -0
  9. package/dist/exports/utilities.d.ts.map +1 -1
  10. package/dist/exports/utilities.js +1 -0
  11. package/dist/exports/utilities.js.map +1 -1
  12. package/dist/prod/styles.css +1 -1
  13. package/dist/routes/rest/auth/login.js +2 -2
  14. package/dist/routes/rest/auth/login.js.map +1 -1
  15. package/dist/routes/rest/auth/logout.d.ts.map +1 -1
  16. package/dist/routes/rest/auth/logout.js +3 -2
  17. package/dist/routes/rest/auth/logout.js.map +1 -1
  18. package/dist/routes/rest/auth/refresh.js +2 -2
  19. package/dist/routes/rest/auth/refresh.js.map +1 -1
  20. package/dist/routes/rest/auth/registerFirstUser.js +2 -2
  21. package/dist/routes/rest/auth/registerFirstUser.js.map +1 -1
  22. package/dist/routes/rest/auth/resetPassword.js +2 -2
  23. package/dist/routes/rest/auth/resetPassword.js.map +1 -1
  24. package/dist/scss/app.scss +166 -162
  25. package/dist/scss/colors.scss +256 -254
  26. package/dist/scss/resets.scss +9 -7
  27. package/dist/scss/toastify.scss +42 -40
  28. package/dist/scss/toasts.scss +105 -103
  29. package/dist/scss/type.scss +80 -79
  30. package/dist/utilities/initPage/handleAdminPage.d.ts +11 -11
  31. package/dist/utilities/initPage/handleAdminPage.d.ts.map +1 -1
  32. package/dist/utilities/initPage/handleAdminPage.js +7 -20
  33. package/dist/utilities/initPage/handleAdminPage.js.map +1 -1
  34. package/dist/utilities/initPage/handleAuthRedirect.d.ts +6 -3
  35. package/dist/utilities/initPage/handleAuthRedirect.d.ts.map +1 -1
  36. package/dist/utilities/initPage/handleAuthRedirect.js +23 -36
  37. package/dist/utilities/initPage/handleAuthRedirect.js.map +1 -1
  38. package/dist/utilities/initPage/index.d.ts +1 -1
  39. package/dist/utilities/initPage/index.d.ts.map +1 -1
  40. package/dist/utilities/initPage/index.js +20 -9
  41. package/dist/utilities/initPage/index.js.map +1 -1
  42. package/dist/utilities/initPage/shared.d.ts +2 -2
  43. package/dist/utilities/initPage/shared.d.ts.map +1 -1
  44. package/dist/utilities/initPage/shared.js +18 -13
  45. package/dist/utilities/initPage/shared.js.map +1 -1
  46. package/dist/views/API/index.scss +98 -96
  47. package/dist/views/Account/Settings/index.scss +37 -35
  48. package/dist/views/CreateFirstUser/index.client.d.ts.map +1 -1
  49. package/dist/views/CreateFirstUser/index.client.js +1 -1
  50. package/dist/views/CreateFirstUser/index.client.js.map +1 -1
  51. package/dist/views/CreateFirstUser/index.scss +13 -11
  52. package/dist/views/Dashboard/Default/index.scss +51 -49
  53. package/dist/views/Edit/Default/Auth/index.scss +56 -54
  54. package/dist/views/Edit/Default/index.scss +15 -13
  55. package/dist/views/ForgotPassword/ForgotPasswordForm/index.d.ts.map +1 -1
  56. package/dist/views/ForgotPassword/ForgotPasswordForm/index.js +9 -11
  57. package/dist/views/ForgotPassword/ForgotPasswordForm/index.js.map +1 -1
  58. package/dist/views/ForgotPassword/index.d.ts.map +1 -1
  59. package/dist/views/ForgotPassword/index.js +6 -6
  60. package/dist/views/ForgotPassword/index.js.map +1 -1
  61. package/dist/views/List/Default/index.scss +136 -134
  62. package/dist/views/LivePreview/IFrame/index.scss +8 -6
  63. package/dist/views/LivePreview/Preview/index.scss +32 -30
  64. package/dist/views/LivePreview/Toolbar/Controls/index.scss +49 -47
  65. package/dist/views/LivePreview/Toolbar/SizeInput/index.scss +11 -9
  66. package/dist/views/LivePreview/Toolbar/index.scss +33 -31
  67. package/dist/views/LivePreview/ToolbarArea/index.scss +5 -3
  68. package/dist/views/LivePreview/index.scss +48 -46
  69. package/dist/views/Login/LoginForm/index.d.ts.map +1 -1
  70. package/dist/views/Login/LoginForm/index.js +1 -1
  71. package/dist/views/Login/LoginForm/index.js.map +1 -1
  72. package/dist/views/Login/LoginForm/index.scss +8 -6
  73. package/dist/views/Login/index.scss +8 -6
  74. package/dist/views/Logout/LogoutClient.d.ts.map +1 -1
  75. package/dist/views/Logout/LogoutClient.js +77 -55
  76. package/dist/views/Logout/LogoutClient.js.map +1 -1
  77. package/dist/views/Logout/index.scss +17 -15
  78. package/dist/views/NotFound/index.scss +38 -36
  79. package/dist/views/ResetPassword/ResetPasswordForm/index.d.ts +7 -0
  80. package/dist/views/ResetPassword/ResetPasswordForm/index.d.ts.map +1 -0
  81. package/dist/views/ResetPassword/{index.client.js → ResetPasswordForm/index.js} +16 -19
  82. package/dist/views/ResetPassword/ResetPasswordForm/index.js.map +1 -0
  83. package/dist/views/ResetPassword/index.d.ts.map +1 -1
  84. package/dist/views/ResetPassword/index.js +17 -10
  85. package/dist/views/ResetPassword/index.js.map +1 -1
  86. package/dist/views/ResetPassword/index.scss +6 -26
  87. package/dist/views/Root/getViewFromConfig.d.ts.map +1 -1
  88. package/dist/views/Root/getViewFromConfig.js +0 -6
  89. package/dist/views/Root/getViewFromConfig.js.map +1 -1
  90. package/dist/views/Root/index.d.ts.map +1 -1
  91. package/dist/views/Root/index.js +5 -2
  92. package/dist/views/Root/index.js.map +1 -1
  93. package/dist/views/Unauthorized/index.d.ts.map +1 -1
  94. package/dist/views/Unauthorized/index.js +14 -7
  95. package/dist/views/Unauthorized/index.js.map +1 -1
  96. package/dist/views/Unauthorized/index.scss +4 -31
  97. package/dist/views/Verify/index.client.d.ts +7 -0
  98. package/dist/views/Verify/index.client.d.ts.map +1 -0
  99. package/dist/views/Verify/index.client.js +46 -0
  100. package/dist/views/Verify/index.client.js.map +1 -0
  101. package/dist/views/Verify/index.d.ts.map +1 -1
  102. package/dist/views/Verify/index.js +12 -11
  103. package/dist/views/Verify/index.js.map +1 -1
  104. package/dist/views/Verify/index.scss +13 -11
  105. package/dist/views/Version/Default/index.scss +52 -50
  106. package/dist/views/Version/RenderFieldsToDiff/Label/index.scss +5 -3
  107. package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.scss +29 -27
  108. package/dist/views/Version/RenderFieldsToDiff/fields/Nested/index.scss +11 -9
  109. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.scss +12 -10
  110. package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.scss +12 -10
  111. package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss +12 -10
  112. package/dist/views/Version/RenderFieldsToDiff/index.scss +12 -10
  113. package/dist/views/Version/Restore/index.scss +57 -55
  114. package/dist/views/Version/SelectComparison/index.scss +12 -10
  115. package/dist/views/Version/SelectLocales/index.scss +6 -4
  116. package/dist/views/Versions/index.scss +78 -76
  117. package/package.json +9 -9
  118. package/dist/cjs/withPayload.js +0 -111
  119. package/dist/cjs/withPayload.js.map +0 -1
  120. package/dist/views/ResetPassword/index.client.d.ts +0 -7
  121. package/dist/views/ResetPassword/index.client.d.ts.map +0 -1
  122. package/dist/views/ResetPassword/index.client.js.map +0 -1
@@ -1,66 +1,68 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .live-preview {
4
- width: 100%;
5
- display: flex;
6
- --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
3
+ @layer payload-default {
4
+ .live-preview {
5
+ width: 100%;
6
+ display: flex;
7
+ --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
7
8
 
8
- [dir='rtl'] & {
9
- flex-direction: row-reverse;
10
- }
9
+ [dir='rtl'] & {
10
+ flex-direction: row-reverse;
11
+ }
11
12
 
12
- &--popup-open {
13
- .live-preview {
14
- &__edit {
15
- padding-right: var(--gutter-h);
13
+ &--popup-open {
14
+ .live-preview {
15
+ &__edit {
16
+ padding-right: var(--gutter-h);
17
+ }
16
18
  }
17
19
  }
18
- }
19
20
 
20
- &__main {
21
- width: 40%;
22
- display: flex;
23
- flex-direction: column;
24
- min-height: 100%;
25
- position: relative;
21
+ &__main {
22
+ width: 40%;
23
+ display: flex;
24
+ flex-direction: column;
25
+ min-height: 100%;
26
+ position: relative;
26
27
 
27
- &--popup-open {
28
- width: 100%;
29
- }
28
+ &--popup-open {
29
+ width: 100%;
30
+ }
30
31
 
31
- &::after {
32
- content: ' ';
33
- position: absolute;
34
- top: 0;
35
- right: 0;
36
- width: calc(var(--base) * 2);
37
- height: 100%;
38
- background: var(--gradient);
39
- pointer-events: none;
40
- z-index: -1;
32
+ &::after {
33
+ content: ' ';
34
+ position: absolute;
35
+ top: 0;
36
+ right: 0;
37
+ width: calc(var(--base) * 2);
38
+ height: 100%;
39
+ background: var(--gradient);
40
+ pointer-events: none;
41
+ z-index: -1;
42
+ }
41
43
  }
42
- }
43
44
 
44
- @include mid-break {
45
- flex-direction: column;
45
+ @include mid-break {
46
+ flex-direction: column;
46
47
 
47
- &__main {
48
- min-height: initial;
49
- width: 100%;
48
+ &__main {
49
+ min-height: initial;
50
+ width: 100%;
50
51
 
51
- &::after {
52
- display: none;
52
+ &::after {
53
+ display: none;
54
+ }
53
55
  }
54
- }
55
56
 
56
- &__form {
57
- display: block;
57
+ &__form {
58
+ display: block;
59
+ }
58
60
  }
59
61
  }
60
- }
61
62
 
62
- html[data-theme='dark'] {
63
- .live-preview {
64
- --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
63
+ html[data-theme='dark'] {
64
+ .live-preview {
65
+ --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
66
+ }
65
67
  }
66
68
  }
@@ -1 +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,CAyFA,CAAA"}
1
+ {"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,CAyFA,CAAA"}
@@ -102,7 +102,7 @@ export const LoginForm = t0 => {
102
102
  let t9;
103
103
  if ($[20] !== setUser) {
104
104
  t9 = data => {
105
- setUser(data.user);
105
+ setUser(data);
106
106
  };
107
107
  $[20] = setUser;
108
108
  $[21] = t9;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","LinkImport","React","baseClass","Link","default","Form","FormSubmit","PasswordField","useAuth","useConfig","useTranslation","formatAdminURL","LoginField","LoginForm","t0","$","prefillEmail","prefillPassword","prefillUsername","searchParams","config","admin","t1","routes","t2","t3","user","userSlug","forgot","forgotRoute","adminRoute","api","apiRoute","t4","collections","find","collection","slug","collectionConfig","auth","authOptions","loginWithUsername","canLoginWithEmail","allowEmailLogin","canLoginWithUsername","t5","loginType","useState","t","setUser","t6","undefined","t7","t8","redirect","initialState","password","initialValue","valid","value","username","email","t9","data","handleLogin","_jsxs","action","className","disableSuccessStatus","method","onSuccess","waitForAutocomplete","children","_jsx","type","field","name","label","required","href","path","size"],"sources":["../../../../src/views/Login/LoginForm/index.tsx"],"sourcesContent":["'use client'\n\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nconst baseClass = 'login__form'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nimport type { ClientUser, FormState } from 'payload'\n\nimport { Form, FormSubmit, PasswordField, useAuth, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\n\nimport type { LoginFieldProps } from '../LoginField/index.js'\n\nimport { LoginField } from '../LoginField/index.js'\nimport './index.scss'\n\nexport const LoginForm: React.FC<{\n prefillEmail?: string\n prefillPassword?: string\n prefillUsername?: string\n searchParams: { [key: string]: string | string[] | undefined }\n}> = ({ prefillEmail, prefillPassword, prefillUsername, searchParams }) => {\n const { config } = useConfig()\n\n const {\n admin: {\n routes: { forgot: forgotRoute },\n user: userSlug,\n },\n routes: { admin: adminRoute, api: apiRoute },\n } = config\n\n const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n const { auth: authOptions } = collectionConfig\n const loginWithUsername = authOptions.loginWithUsername\n const canLoginWithEmail =\n !authOptions.loginWithUsername || authOptions.loginWithUsername.allowEmailLogin\n const canLoginWithUsername = authOptions.loginWithUsername\n\n const [loginType] = React.useState<LoginFieldProps['type']>(() => {\n if (canLoginWithEmail && canLoginWithUsername) {\n return 'emailOrUsername'\n }\n if (canLoginWithUsername) {\n return 'username'\n }\n return 'email'\n })\n\n const { t } = useTranslation()\n const { setUser } = useAuth()\n\n const initialState: FormState = {\n password: {\n initialValue: prefillPassword ?? undefined,\n valid: true,\n value: prefillPassword ?? undefined,\n },\n }\n\n if (loginWithUsername) {\n initialState.username = {\n initialValue: prefillUsername ?? undefined,\n valid: true,\n value: prefillUsername ?? undefined,\n }\n } else {\n initialState.email = {\n initialValue: prefillEmail ?? undefined,\n valid: true,\n value: prefillEmail ?? undefined,\n }\n }\n\n const handleLogin = (data: { user: ClientUser }) => {\n setUser(data.user)\n }\n\n return (\n <Form\n action={`${apiRoute}/${userSlug}/login`}\n className={baseClass}\n disableSuccessStatus\n initialState={initialState}\n method=\"POST\"\n onSuccess={handleLogin}\n redirect={typeof searchParams?.redirect === 'string' ? searchParams.redirect : adminRoute}\n waitForAutocomplete\n >\n <div className={`${baseClass}__inputWrap`}>\n <LoginField type={loginType} />\n <PasswordField\n field={{\n name: 'password',\n label: t('general:password'),\n required: true,\n }}\n />\n </div>\n <Link\n href={formatAdminURL({\n adminRoute,\n path: forgotRoute,\n })}\n >\n {t('authentication:forgotPasswordQuestion')}\n </Link>\n <FormSubmit size=\"large\">{t('authentication:login')}</FormSubmit>\n </Form>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","LinkImport","React","baseClass","Link","default","Form","FormSubmit","PasswordField","useAuth","useConfig","useTranslation","formatAdminURL","LoginField","LoginForm","t0","$","prefillEmail","prefillPassword","prefillUsername","searchParams","config","admin","t1","routes","t2","t3","user","userSlug","forgot","forgotRoute","adminRoute","api","apiRoute","t4","collections","find","collection","slug","collectionConfig","auth","authOptions","loginWithUsername","canLoginWithEmail","allowEmailLogin","canLoginWithUsername","t5","loginType","useState","t","setUser","t6","undefined","t7","t8","redirect","initialState","password","initialValue","valid","value","username","email","t9","data","handleLogin","_jsxs","action","className","disableSuccessStatus","method","onSuccess","waitForAutocomplete","children","_jsx","type","field","name","label","required","href","path","size"],"sources":["../../../../src/views/Login/LoginForm/index.tsx"],"sourcesContent":["'use client'\n\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nconst baseClass = 'login__form'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nimport type { UserWithToken } from '@payloadcms/ui'\nimport type { FormState } from 'payload'\n\nimport { Form, FormSubmit, PasswordField, useAuth, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\n\nimport type { LoginFieldProps } from '../LoginField/index.js'\n\nimport { LoginField } from '../LoginField/index.js'\nimport './index.scss'\n\nexport const LoginForm: React.FC<{\n prefillEmail?: string\n prefillPassword?: string\n prefillUsername?: string\n searchParams: { [key: string]: string | string[] | undefined }\n}> = ({ prefillEmail, prefillPassword, prefillUsername, searchParams }) => {\n const { config } = useConfig()\n\n const {\n admin: {\n routes: { forgot: forgotRoute },\n user: userSlug,\n },\n routes: { admin: adminRoute, api: apiRoute },\n } = config\n\n const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n const { auth: authOptions } = collectionConfig\n const loginWithUsername = authOptions.loginWithUsername\n const canLoginWithEmail =\n !authOptions.loginWithUsername || authOptions.loginWithUsername.allowEmailLogin\n const canLoginWithUsername = authOptions.loginWithUsername\n\n const [loginType] = React.useState<LoginFieldProps['type']>(() => {\n if (canLoginWithEmail && canLoginWithUsername) {\n return 'emailOrUsername'\n }\n if (canLoginWithUsername) {\n return 'username'\n }\n return 'email'\n })\n\n const { t } = useTranslation()\n const { setUser } = useAuth()\n\n const initialState: FormState = {\n password: {\n initialValue: prefillPassword ?? undefined,\n valid: true,\n value: prefillPassword ?? undefined,\n },\n }\n\n if (loginWithUsername) {\n initialState.username = {\n initialValue: prefillUsername ?? undefined,\n valid: true,\n value: prefillUsername ?? undefined,\n }\n } else {\n initialState.email = {\n initialValue: prefillEmail ?? undefined,\n valid: true,\n value: prefillEmail ?? undefined,\n }\n }\n\n const handleLogin = (data: UserWithToken) => {\n setUser(data)\n }\n\n return (\n <Form\n action={`${apiRoute}/${userSlug}/login`}\n className={baseClass}\n disableSuccessStatus\n initialState={initialState}\n method=\"POST\"\n onSuccess={handleLogin}\n redirect={typeof searchParams?.redirect === 'string' ? searchParams.redirect : adminRoute}\n waitForAutocomplete\n >\n <div className={`${baseClass}__inputWrap`}>\n <LoginField type={loginType} />\n <PasswordField\n field={{\n name: 'password',\n label: t('general:password'),\n required: true,\n }}\n />\n </div>\n <Link\n href={formatAdminURL({\n adminRoute,\n path: forgotRoute,\n })}\n >\n {t('authentication:forgotPasswordQuestion')}\n </Link>\n <FormSubmit size=\"large\">{t('authentication:login')}</FormSubmit>\n </Form>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,8 +1,10 @@
1
- .login__form {
2
- &__inputWrap {
3
- display: flex;
4
- flex-direction: column;
5
- gap: var(--base);
6
- margin-bottom: calc(var(--base) / 4);
1
+ @layer payload-default {
2
+ .login__form {
3
+ &__inputWrap {
4
+ display: flex;
5
+ flex-direction: column;
6
+ gap: var(--base);
7
+ margin-bottom: calc(var(--base) / 4);
8
+ }
7
9
  }
8
10
  }
@@ -1,8 +1,10 @@
1
- .login {
2
- &__brand {
3
- display: flex;
4
- justify-content: center;
5
- width: 100%;
6
- margin-bottom: calc(var(--base) * 2);
1
+ @layer payload-default {
2
+ .login {
3
+ &__brand {
4
+ display: flex;
5
+ justify-content: center;
6
+ width: 100%;
7
+ margin-bottom: calc(var(--base) * 2);
8
+ }
7
9
  }
8
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"LogoutClient.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/LogoutClient.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAsCA,CAAA"}
1
+ {"version":3,"file":"LogoutClient.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/LogoutClient.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAgDA,CAAA"}
@@ -2,96 +2,118 @@
2
2
 
3
3
  import { c as _c } from "react/compiler-runtime";
4
4
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
- import { Button, useAuth, useTranslation } from '@payloadcms/ui';
5
+ import { Button, LoadingOverlay, toast, useAuth, useTranslation } from '@payloadcms/ui';
6
6
  import { formatAdminURL } from '@payloadcms/ui/shared';
7
7
  import LinkImport from 'next/link.js';
8
- import React, { Fragment, useEffect } from 'react';
8
+ import { useRouter } from 'next/navigation.js';
9
+ import React, { useEffect } from 'react';
9
10
  const baseClass = 'logout';
10
11
  const Link = LinkImport.default || LinkImport;
11
12
  export const LogoutClient = props => {
12
- const $ = _c(15);
13
+ const $ = _c(19);
13
14
  const {
14
15
  adminRoute,
15
16
  inactivity,
16
17
  redirect
17
18
  } = props;
18
- const [isLoggingOut, setIsLoggingOut] = React.useState(undefined);
19
+ const [isLoggedOut, setIsLoggedOut] = React.useState(undefined);
20
+ const logOutSuccessRef = React.useRef(false);
21
+ let t0;
22
+ if ($[0] !== adminRoute || $[1] !== inactivity || $[2] !== redirect) {
23
+ t0 = () => formatAdminURL({
24
+ adminRoute,
25
+ path: `/login${inactivity && redirect && redirect.length > 0 ? `?redirect=${encodeURIComponent(redirect)}` : ""}`
26
+ });
27
+ $[0] = adminRoute;
28
+ $[1] = inactivity;
29
+ $[2] = redirect;
30
+ $[3] = t0;
31
+ } else {
32
+ t0 = $[3];
33
+ }
34
+ const [loginRoute] = React.useState(t0);
19
35
  const {
20
36
  logOut
21
37
  } = useAuth();
22
38
  const {
23
39
  t
24
40
  } = useTranslation();
25
- let t0;
41
+ const router = useRouter();
26
42
  let t1;
27
- if ($[0] !== isLoggingOut || $[1] !== logOut) {
28
- t0 = () => {
29
- if (!isLoggingOut) {
30
- setIsLoggingOut(true);
31
- logOut();
43
+ if ($[4] !== logOut || $[5] !== inactivity || $[6] !== t || $[7] !== router || $[8] !== loginRoute) {
44
+ t1 = async () => {
45
+ const loggedOut = await logOut();
46
+ setIsLoggedOut(loggedOut);
47
+ if (!inactivity && loggedOut && !logOutSuccessRef.current) {
48
+ toast.success(t("authentication:loggedOutSuccessfully"));
49
+ logOutSuccessRef.current = true;
50
+ router.push(loginRoute);
51
+ return;
32
52
  }
33
53
  };
34
- t1 = [isLoggingOut, logOut];
35
- $[0] = isLoggingOut;
36
- $[1] = logOut;
37
- $[2] = t0;
38
- $[3] = t1;
54
+ $[4] = logOut;
55
+ $[5] = inactivity;
56
+ $[6] = t;
57
+ $[7] = router;
58
+ $[8] = loginRoute;
59
+ $[9] = t1;
39
60
  } else {
40
- t0 = $[2];
41
- t1 = $[3];
61
+ t1 = $[9];
42
62
  }
43
- useEffect(t0, t1);
44
- if (isLoggingOut) {
45
- let t2;
46
- if ($[4] !== inactivity || $[5] !== t) {
47
- t2 = inactivity && _jsx("h2", {
48
- children: t("authentication:loggedOutInactivity")
49
- });
50
- $[4] = inactivity;
51
- $[5] = t;
52
- $[6] = t2;
53
- } else {
54
- t2 = $[6];
55
- }
56
- let t3;
57
- if ($[7] !== inactivity || $[8] !== t || $[9] !== redirect || $[10] !== adminRoute || $[11] !== t2) {
58
- t3 = _jsxs("div", {
63
+ const handleLogOut = t1;
64
+ let t2;
65
+ let t3;
66
+ if ($[10] !== isLoggedOut || $[11] !== handleLogOut) {
67
+ t2 = () => {
68
+ if (!isLoggedOut) {
69
+ handleLogOut();
70
+ }
71
+ };
72
+ t3 = [handleLogOut, isLoggedOut];
73
+ $[10] = isLoggedOut;
74
+ $[11] = handleLogOut;
75
+ $[12] = t2;
76
+ $[13] = t3;
77
+ } else {
78
+ t2 = $[12];
79
+ t3 = $[13];
80
+ }
81
+ useEffect(t2, t3);
82
+ if (isLoggedOut && inactivity) {
83
+ let t4;
84
+ if ($[14] !== t || $[15] !== loginRoute) {
85
+ t4 = _jsxs("div", {
59
86
  className: `${baseClass}__wrap`,
60
- children: [t2, !inactivity && _jsx("h2", {
61
- children: t("authentication:loggedOutSuccessfully")
87
+ children: [_jsx("h2", {
88
+ children: t("authentication:loggedOutInactivity")
62
89
  }), _jsx(Button, {
63
90
  buttonStyle: "secondary",
64
91
  el: "link",
65
92
  Link,
66
93
  size: "large",
67
- url: formatAdminURL({
68
- adminRoute,
69
- path: `/login${redirect && redirect.length > 0 ? `?redirect=${encodeURIComponent(redirect)}` : ""}`
70
- }),
94
+ url: loginRoute,
71
95
  children: t("authentication:logBackIn")
72
96
  })]
73
97
  });
74
- $[7] = inactivity;
75
- $[8] = t;
76
- $[9] = redirect;
77
- $[10] = adminRoute;
78
- $[11] = t2;
79
- $[12] = t3;
98
+ $[14] = t;
99
+ $[15] = loginRoute;
100
+ $[16] = t4;
80
101
  } else {
81
- t3 = $[12];
102
+ t4 = $[16];
82
103
  }
83
- return t3;
104
+ return t4;
84
105
  }
85
- let t2;
86
- if ($[13] !== t) {
87
- t2 = _jsx(Fragment, {
88
- children: t("authentication:loggingOut")
106
+ let t4;
107
+ if ($[17] !== t) {
108
+ t4 = _jsx(LoadingOverlay, {
109
+ animationDuration: "0ms",
110
+ loadingText: t("authentication:loggingOut")
89
111
  });
90
- $[13] = t;
91
- $[14] = t2;
112
+ $[17] = t;
113
+ $[18] = t4;
92
114
  } else {
93
- t2 = $[14];
115
+ t4 = $[18];
94
116
  }
95
- return t2;
117
+ return t4;
96
118
  };
97
119
  //# sourceMappingURL=LogoutClient.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LogoutClient.js","names":["c","_c","Button","useAuth","useTranslation","formatAdminURL","LinkImport","React","Fragment","useEffect","baseClass","Link","default","LogoutClient","props","$","adminRoute","inactivity","redirect","isLoggingOut","setIsLoggingOut","useState","undefined","logOut","t","t0","t1","t2","_jsx","children","t3","_jsxs","className","buttonStyle","el","size","url","path","length","encodeURIComponent"],"sources":["../../../src/views/Logout/LogoutClient.tsx"],"sourcesContent":["'use client'\nimport { Button, useAuth, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React, { Fragment, useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'logout'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const LogoutClient: React.FC<{\n adminRoute: string\n inactivity?: boolean\n redirect: string\n}> = (props) => {\n const { adminRoute, inactivity, redirect } = props\n\n const [isLoggingOut, setIsLoggingOut] = React.useState<boolean | undefined>(undefined)\n const { logOut } = useAuth()\n const { t } = useTranslation()\n\n useEffect(() => {\n if (!isLoggingOut) {\n setIsLoggingOut(true)\n void logOut()\n }\n }, [isLoggingOut, logOut])\n\n if (isLoggingOut) {\n return (\n <div className={`${baseClass}__wrap`}>\n {inactivity && <h2>{t('authentication:loggedOutInactivity')}</h2>}\n {!inactivity && <h2>{t('authentication:loggedOutSuccessfully')}</h2>}\n <Button\n buttonStyle=\"secondary\"\n el=\"link\"\n Link={Link}\n size=\"large\"\n url={formatAdminURL({\n adminRoute,\n path: `/login${\n redirect && redirect.length > 0 ? `?redirect=${encodeURIComponent(redirect)}` : ''\n }`,\n })}\n >\n {t('authentication:logBackIn')}\n </Button>\n </div>\n )\n }\n\n return <Fragment>{t('authentication:loggingOut')}</Fragment>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,MAAM,EAAEC,OAAO,EAAEC,cAAc,QAAQ;AAChD,SAASC,cAAc,QAAQ;AAC/B,OAAOC,UAAA,MAAgB;AACvB,OAAOC,KAAA,IAASC,QAAQ,EAAEC,SAAS,QAAQ;AAI3C,MAAMC,SAAA,GAAY;AAElB,MAAMC,IAAA,GAAQL,UAAA,CAAWM,OAAO,IAAIN,UAAA;AAEpC,OAAO,MAAMO,YAAA,GAIRC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACH;IAAAe,UAAA;IAAAC,UAAA;IAAAC;EAAA,IAA6CJ,KAAA;EAE7C,OAAAK,YAAA,EAAAC,eAAA,IAAwCb,KAAA,CAAAc,QAAA,CAAAC,SAAoC;EAC5E;IAAAC;EAAA,IAAmBpB,OAAA;EACnB;IAAAqB;EAAA,IAAcpB,cAAA;EAAA,IAAAqB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAQ,MAAA;IAEJE,EAAA,GAAAA,CAAA;MAAA,KACHN,YAAA;QACHC,eAAA,KAAgB;QACXG,MAAA;MAAA;IAAA;IAENG,EAAA,IAACP,YAAA,EAAcI,MAAA;IAAOR,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAQ,MAAA;IAAAR,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAD,EAAA,GAAAV,CAAA;IAAAW,EAAA,GAAAX,CAAA;EAAA;EALzBN,SAAA,CAAUgB,EAKV,EAAGC,EAAsB;EAAA,IAErBP,YAAA;IAAA,IAAAQ,EAAA;IAAA,IAAAZ,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAS,CAAA;MAGGG,EAAA,GAAAV,UAAA,IAAcW,IAAA,CAAC;QAAAC,QAAA,EAAIL,CAAA,CAAE;MAAA,C;;;;;;;;;MADxBM,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAAtB,SAAA,QAAoB;QAAAmB,QAAA,GACjCF,E,EACA,CAACV,UAAA,IAAcW,IAAA,CAAC;UAAAC,QAAA,EAAIL,CAAA,CAAE;QAAA,C,GACvBI,IAAA,CAAA1B,MAAA;UAAA+B,WAAA,EACc;UAAAC,EAAA,EACT;UAAAvB,IAAA;UAAAwB,IAAA,EAEE;UAAAC,GAAA,EACA/B,cAAA;YAAAW,UAAA;YAAAqB,IAAA,EAEG,SACJnB,QAAA,IAAYA,QAAA,CAAAoB,MAAA,IAAkB,GAAI,aAAaC,kBAAA,CAAmBrB,QAAA,GAAW,GAAG;UAChF,CACJ;UAAAW,QAAA,EAECL,CAAA,CAAE;QAAA,C;;;;;;;;;;;WAfPM,E;;;;IAqBGH,EAAA,GAAAC,IAAA,CAAApB,QAAA;MAAAqB,QAAA,EAAWL,CAAA,CAAE;IAAA,C;;;;;;SAAbG,E;CACT","ignoreList":[]}
1
+ {"version":3,"file":"LogoutClient.js","names":["c","_c","Button","LoadingOverlay","toast","useAuth","useTranslation","formatAdminURL","LinkImport","useRouter","React","useEffect","baseClass","Link","default","LogoutClient","props","$","adminRoute","inactivity","redirect","isLoggedOut","setIsLoggedOut","useState","undefined","logOutSuccessRef","useRef","t0","path","length","encodeURIComponent","loginRoute","logOut","t","router","t1","loggedOut","current","success","push","handleLogOut","t2","t3","t4","_jsxs","className","children","_jsx","buttonStyle","el","size","url","animationDuration","loadingText"],"sources":["../../../src/views/Logout/LogoutClient.tsx"],"sourcesContent":["'use client'\nimport { Button, LoadingOverlay, toast, useAuth, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'logout'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const LogoutClient: React.FC<{\n adminRoute: string\n inactivity?: boolean\n redirect: string\n}> = (props) => {\n const { adminRoute, inactivity, redirect } = props\n\n const [isLoggedOut, setIsLoggedOut] = React.useState<boolean | undefined>(undefined)\n const logOutSuccessRef = React.useRef(false)\n const [loginRoute] = React.useState(() =>\n formatAdminURL({\n adminRoute,\n path: `/login${\n inactivity && redirect && redirect.length > 0\n ? `?redirect=${encodeURIComponent(redirect)}`\n : ''\n }`,\n }),\n )\n const { logOut } = useAuth()\n const { t } = useTranslation()\n const router = useRouter()\n\n const handleLogOut = React.useCallback(async () => {\n const loggedOut = await logOut()\n setIsLoggedOut(loggedOut)\n if (!inactivity && loggedOut && !logOutSuccessRef.current) {\n toast.success(t('authentication:loggedOutSuccessfully'))\n logOutSuccessRef.current = true\n router.push(loginRoute)\n return\n }\n }, [inactivity, logOut, loginRoute, router, t])\n\n useEffect(() => {\n if (!isLoggedOut) {\n void handleLogOut()\n }\n }, [handleLogOut, isLoggedOut])\n\n if (isLoggedOut && inactivity) {\n return (\n <div className={`${baseClass}__wrap`}>\n <h2>{t('authentication:loggedOutInactivity')}</h2>\n <Button buttonStyle=\"secondary\" el=\"link\" Link={Link} size=\"large\" url={loginRoute}>\n {t('authentication:logBackIn')}\n </Button>\n </div>\n )\n }\n\n return <LoadingOverlay animationDuration={'0ms'} loadingText={t('authentication:loggingOut')} />\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,23 +1,25 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .logout {
4
- display: flex;
5
- flex-direction: column;
6
- align-items: center;
7
- flex-wrap: wrap;
8
-
9
- &__wrap {
10
- z-index: 1;
11
- position: relative;
3
+ @layer payload-default {
4
+ .logout {
12
5
  display: flex;
13
6
  flex-direction: column;
14
- align-items: flex-start;
15
- gap: base(0.8);
16
- width: 100%;
17
- max-width: base(36);
7
+ align-items: center;
8
+ flex-wrap: wrap;
9
+
10
+ &__wrap {
11
+ z-index: 1;
12
+ position: relative;
13
+ display: flex;
14
+ flex-direction: column;
15
+ align-items: flex-start;
16
+ gap: base(0.8);
17
+ width: 100%;
18
+ max-width: base(36);
18
19
 
19
- & > * {
20
- margin: 0;
20
+ & > * {
21
+ margin: 0;
22
+ }
21
23
  }
22
24
  }
23
25
  }
@@ -1,55 +1,57 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .not-found {
4
- margin-top: var(--base);
5
- display: flex;
3
+ @layer payload-default {
4
+ .not-found {
5
+ margin-top: var(--base);
6
+ display: flex;
6
7
 
7
- & > * {
8
- &:first-child {
9
- margin-top: 0;
8
+ & > * {
9
+ &:first-child {
10
+ margin-top: 0;
11
+ }
12
+ &:last-child {
13
+ margin-bottom: 0;
14
+ }
10
15
  }
11
- &:last-child {
12
- margin-bottom: 0;
16
+
17
+ &__wrap {
18
+ display: flex;
19
+ flex-direction: column;
20
+ align-items: flex-start;
21
+ gap: base(0.8);
22
+ max-width: base(36);
13
23
  }
14
- }
15
24
 
16
- &__wrap {
17
- display: flex;
18
- flex-direction: column;
19
- align-items: flex-start;
20
- gap: base(0.8);
21
- max-width: base(36);
22
- }
25
+ &__content {
26
+ display: flex;
27
+ flex-direction: column;
28
+ gap: base(0.4);
23
29
 
24
- &__content {
25
- display: flex;
26
- flex-direction: column;
27
- gap: base(0.4);
30
+ > * {
31
+ margin: 0;
32
+ }
33
+ }
28
34
 
29
- > * {
35
+ &__button {
30
36
  margin: 0;
31
37
  }
32
- }
33
38
 
34
- &__button {
35
- margin: 0;
36
- }
37
-
38
- &--margin-top-large {
39
- margin-top: calc(var(--base) * 2);
40
- }
41
-
42
- @include large-break {
43
39
  &--margin-top-large {
44
- margin-top: var(--base);
40
+ margin-top: calc(var(--base) * 2);
45
41
  }
46
- }
47
42
 
48
- @include small-break {
49
- margin-top: calc(var(--base) / 2);
43
+ @include large-break {
44
+ &--margin-top-large {
45
+ margin-top: var(--base);
46
+ }
47
+ }
50
48
 
51
- &--margin-top-large {
49
+ @include small-break {
52
50
  margin-top: calc(var(--base) / 2);
51
+
52
+ &--margin-top-large {
53
+ margin-top: calc(var(--base) / 2);
54
+ }
53
55
  }
54
56
  }
55
57
  }
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ type Args = {
3
+ readonly token: string;
4
+ };
5
+ export declare const ResetPasswordForm: React.FC<Args>;
6
+ export {};
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/ResetPassword/ResetPasswordForm/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,IAAI,GAAG;IACV,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AAeD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAyD5C,CAAA"}
@@ -6,7 +6,6 @@ import { ConfirmPasswordField, Form, FormSubmit, HiddenField, PasswordField, use
6
6
  import { formatAdminURL } from '@payloadcms/ui/shared';
7
7
  import { useRouter } from 'next/navigation.js';
8
8
  import React from 'react';
9
- import { toast } from 'sonner';
10
9
  const initialState = {
11
10
  'confirm-password': {
12
11
  initialValue: '',
@@ -19,8 +18,8 @@ const initialState = {
19
18
  value: ''
20
19
  }
21
20
  };
22
- export const ResetPasswordClient = t0 => {
23
- const $ = _c(11);
21
+ export const ResetPasswordForm = t0 => {
22
+ const $ = _c(10);
24
23
  const {
25
24
  token
26
25
  } = t0;
@@ -49,32 +48,30 @@ export const ResetPasswordClient = t0 => {
49
48
  fetchFullUser
50
49
  } = useAuth();
51
50
  let t5;
52
- if ($[0] !== fetchFullUser || $[1] !== history || $[2] !== adminRoute || $[3] !== loginRoute || $[4] !== i18n) {
53
- t5 = async data => {
54
- if (data.token) {
55
- await fetchFullUser();
51
+ if ($[0] !== fetchFullUser || $[1] !== history || $[2] !== adminRoute || $[3] !== loginRoute) {
52
+ t5 = async () => {
53
+ const user = await fetchFullUser();
54
+ if (user) {
56
55
  history.push(adminRoute);
57
56
  } else {
58
57
  history.push(formatAdminURL({
59
58
  adminRoute,
60
59
  path: loginRoute
61
60
  }));
62
- toast.success(i18n.t("general:updatedSuccessfully"));
63
61
  }
64
62
  };
65
63
  $[0] = fetchFullUser;
66
64
  $[1] = history;
67
65
  $[2] = adminRoute;
68
66
  $[3] = loginRoute;
69
- $[4] = i18n;
70
- $[5] = t5;
67
+ $[4] = t5;
71
68
  } else {
72
- t5 = $[5];
69
+ t5 = $[4];
73
70
  }
74
71
  const onSuccess = t5;
75
72
  const t6 = `${serverURL}${apiRoute}/${userSlug}/reset-password`;
76
73
  let t7;
77
- if ($[6] !== i18n || $[7] !== token || $[8] !== t6 || $[9] !== onSuccess) {
74
+ if ($[5] !== i18n || $[6] !== token || $[7] !== t6 || $[8] !== onSuccess) {
78
75
  t7 = _jsxs(Form, {
79
76
  action: t6,
80
77
  initialState,
@@ -100,14 +97,14 @@ export const ResetPasswordClient = t0 => {
100
97
  children: i18n.t("authentication:resetPassword")
101
98
  })]
102
99
  });
103
- $[6] = i18n;
104
- $[7] = token;
105
- $[8] = t6;
106
- $[9] = onSuccess;
107
- $[10] = t7;
100
+ $[5] = i18n;
101
+ $[6] = token;
102
+ $[7] = t6;
103
+ $[8] = onSuccess;
104
+ $[9] = t7;
108
105
  } else {
109
- t7 = $[10];
106
+ t7 = $[9];
110
107
  }
111
108
  return t7;
112
109
  };
113
- //# sourceMappingURL=index.client.js.map
110
+ //# sourceMappingURL=index.js.map