@payloadcms/next 3.0.0-beta.110 → 3.0.0-beta.112

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 (150) hide show
  1. package/dist/elements/FormHeader/index.d.ts +9 -0
  2. package/dist/elements/FormHeader/index.d.ts.map +1 -0
  3. package/dist/elements/FormHeader/index.js +20 -0
  4. package/dist/elements/FormHeader/index.js.map +1 -0
  5. package/dist/elements/FormHeader/index.scss +6 -0
  6. package/dist/exports/utilities.d.ts +1 -0
  7. package/dist/exports/utilities.d.ts.map +1 -1
  8. package/dist/exports/utilities.js +1 -0
  9. package/dist/exports/utilities.js.map +1 -1
  10. package/dist/layouts/Root/index.js +6 -6
  11. package/dist/layouts/Root/index.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/routes/rest/index.d.ts +12 -12
  25. package/dist/routes/rest/index.d.ts.map +1 -1
  26. package/dist/routes/rest/index.js +17 -15
  27. package/dist/routes/rest/index.js.map +1 -1
  28. package/dist/scss/app.scss +166 -162
  29. package/dist/scss/colors.scss +256 -254
  30. package/dist/scss/resets.scss +9 -7
  31. package/dist/scss/toastify.scss +42 -40
  32. package/dist/scss/toasts.scss +105 -103
  33. package/dist/scss/type.scss +80 -79
  34. package/dist/utilities/getNextRequestI18n.js +2 -2
  35. package/dist/utilities/getNextRequestI18n.js.map +1 -1
  36. package/dist/utilities/initPage/handleAdminPage.d.ts +11 -11
  37. package/dist/utilities/initPage/handleAdminPage.d.ts.map +1 -1
  38. package/dist/utilities/initPage/handleAdminPage.js +7 -20
  39. package/dist/utilities/initPage/handleAdminPage.js.map +1 -1
  40. package/dist/utilities/initPage/handleAuthRedirect.d.ts +6 -3
  41. package/dist/utilities/initPage/handleAuthRedirect.d.ts.map +1 -1
  42. package/dist/utilities/initPage/handleAuthRedirect.js +23 -36
  43. package/dist/utilities/initPage/handleAuthRedirect.js.map +1 -1
  44. package/dist/utilities/initPage/index.d.ts +1 -1
  45. package/dist/utilities/initPage/index.d.ts.map +1 -1
  46. package/dist/utilities/initPage/index.js +21 -10
  47. package/dist/utilities/initPage/index.js.map +1 -1
  48. package/dist/utilities/initPage/shared.d.ts +2 -2
  49. package/dist/utilities/initPage/shared.d.ts.map +1 -1
  50. package/dist/utilities/initPage/shared.js +18 -13
  51. package/dist/utilities/initPage/shared.js.map +1 -1
  52. package/dist/utilities/initReq.js +1 -1
  53. package/dist/utilities/initReq.js.map +1 -1
  54. package/dist/views/API/index.scss +98 -96
  55. package/dist/views/Account/Settings/index.scss +37 -35
  56. package/dist/views/CreateFirstUser/index.client.d.ts.map +1 -1
  57. package/dist/views/CreateFirstUser/index.client.js +1 -1
  58. package/dist/views/CreateFirstUser/index.client.js.map +1 -1
  59. package/dist/views/CreateFirstUser/index.scss +13 -11
  60. package/dist/views/Dashboard/Default/index.scss +51 -49
  61. package/dist/views/Edit/Default/Auth/index.scss +56 -54
  62. package/dist/views/Edit/Default/index.js +2 -2
  63. package/dist/views/Edit/Default/index.js.map +1 -1
  64. package/dist/views/Edit/Default/index.scss +15 -13
  65. package/dist/views/ForgotPassword/ForgotPasswordForm/index.d.ts.map +1 -1
  66. package/dist/views/ForgotPassword/ForgotPasswordForm/index.js +9 -11
  67. package/dist/views/ForgotPassword/ForgotPasswordForm/index.js.map +1 -1
  68. package/dist/views/ForgotPassword/index.d.ts.map +1 -1
  69. package/dist/views/ForgotPassword/index.js +6 -6
  70. package/dist/views/ForgotPassword/index.js.map +1 -1
  71. package/dist/views/List/Default/index.scss +136 -134
  72. package/dist/views/LivePreview/IFrame/index.scss +8 -6
  73. package/dist/views/LivePreview/Preview/index.scss +32 -30
  74. package/dist/views/LivePreview/Toolbar/Controls/index.scss +49 -47
  75. package/dist/views/LivePreview/Toolbar/SizeInput/index.scss +11 -9
  76. package/dist/views/LivePreview/Toolbar/index.scss +33 -31
  77. package/dist/views/LivePreview/ToolbarArea/index.scss +5 -3
  78. package/dist/views/LivePreview/index.client.js +2 -2
  79. package/dist/views/LivePreview/index.client.js.map +1 -1
  80. package/dist/views/LivePreview/index.scss +48 -46
  81. package/dist/views/Login/LoginForm/index.js +1 -1
  82. package/dist/views/Login/LoginForm/index.js.map +1 -1
  83. package/dist/views/Login/LoginForm/index.scss +8 -6
  84. package/dist/views/Login/index.scss +8 -6
  85. package/dist/views/Logout/LogoutClient.d.ts.map +1 -1
  86. package/dist/views/Logout/LogoutClient.js +77 -55
  87. package/dist/views/Logout/LogoutClient.js.map +1 -1
  88. package/dist/views/Logout/index.scss +17 -15
  89. package/dist/views/NotFound/index.d.ts +5 -5
  90. package/dist/views/NotFound/index.d.ts.map +1 -1
  91. package/dist/views/NotFound/index.js +4 -2
  92. package/dist/views/NotFound/index.js.map +1 -1
  93. package/dist/views/NotFound/index.scss +38 -36
  94. package/dist/views/ResetPassword/ResetPasswordForm/index.d.ts +7 -0
  95. package/dist/views/ResetPassword/ResetPasswordForm/index.d.ts.map +1 -0
  96. package/dist/views/ResetPassword/{index.client.js → ResetPasswordForm/index.js} +16 -19
  97. package/dist/views/ResetPassword/ResetPasswordForm/index.js.map +1 -0
  98. package/dist/views/ResetPassword/index.d.ts.map +1 -1
  99. package/dist/views/ResetPassword/index.js +17 -10
  100. package/dist/views/ResetPassword/index.js.map +1 -1
  101. package/dist/views/ResetPassword/index.scss +6 -26
  102. package/dist/views/Root/getViewFromConfig.d.ts.map +1 -1
  103. package/dist/views/Root/getViewFromConfig.js +0 -6
  104. package/dist/views/Root/getViewFromConfig.js.map +1 -1
  105. package/dist/views/Root/index.d.ts +5 -5
  106. package/dist/views/Root/index.d.ts.map +1 -1
  107. package/dist/views/Root/index.js +9 -4
  108. package/dist/views/Root/index.js.map +1 -1
  109. package/dist/views/Root/meta.d.ts +5 -5
  110. package/dist/views/Root/meta.d.ts.map +1 -1
  111. package/dist/views/Root/meta.js +2 -1
  112. package/dist/views/Root/meta.js.map +1 -1
  113. package/dist/views/Unauthorized/index.d.ts.map +1 -1
  114. package/dist/views/Unauthorized/index.js +14 -7
  115. package/dist/views/Unauthorized/index.js.map +1 -1
  116. package/dist/views/Unauthorized/index.scss +4 -31
  117. package/dist/views/Verify/index.client.d.ts +7 -0
  118. package/dist/views/Verify/index.client.d.ts.map +1 -0
  119. package/dist/views/Verify/index.client.js +46 -0
  120. package/dist/views/Verify/index.client.js.map +1 -0
  121. package/dist/views/Verify/index.d.ts.map +1 -1
  122. package/dist/views/Verify/index.js +12 -11
  123. package/dist/views/Verify/index.js.map +1 -1
  124. package/dist/views/Verify/index.scss +13 -11
  125. package/dist/views/Version/Default/index.scss +52 -50
  126. package/dist/views/Version/RenderFieldsToDiff/Label/index.scss +5 -3
  127. package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.scss +29 -27
  128. package/dist/views/Version/RenderFieldsToDiff/fields/Nested/index.scss +11 -9
  129. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.scss +12 -10
  130. package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.scss +12 -10
  131. package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss +12 -10
  132. package/dist/views/Version/RenderFieldsToDiff/index.scss +12 -10
  133. package/dist/views/Version/Restore/index.scss +57 -55
  134. package/dist/views/Version/SelectComparison/index.scss +12 -10
  135. package/dist/views/Version/SelectLocales/index.scss +6 -4
  136. package/dist/views/Version/index.d.ts.map +1 -1
  137. package/dist/views/Version/index.js +2 -0
  138. package/dist/views/Version/index.js.map +1 -1
  139. package/dist/views/Versions/getLatestVersion.d.ts +1 -0
  140. package/dist/views/Versions/getLatestVersion.d.ts.map +1 -1
  141. package/dist/views/Versions/getLatestVersion.js +14 -3
  142. package/dist/views/Versions/getLatestVersion.js.map +1 -1
  143. package/dist/views/Versions/index.d.ts.map +1 -1
  144. package/dist/views/Versions/index.js +2 -0
  145. package/dist/views/Versions/index.js.map +1 -1
  146. package/dist/views/Versions/index.scss +78 -76
  147. package/package.json +9 -9
  148. package/dist/views/ResetPassword/index.client.d.ts +0 -7
  149. package/dist/views/ResetPassword/index.client.d.ts.map +0 -1
  150. package/dist/views/ResetPassword/index.client.js.map +0 -1
@@ -2,13 +2,13 @@ import type { Metadata } from 'next';
2
2
  import type { SanitizedConfig } from 'payload';
3
3
  type Args = {
4
4
  config: Promise<SanitizedConfig>;
5
- params: {
5
+ params: Promise<{
6
6
  [key: string]: string | string[];
7
- };
8
- searchParams: {
7
+ }>;
8
+ searchParams: Promise<{
9
9
  [key: string]: string | string[];
10
- };
10
+ }>;
11
11
  };
12
- export declare const generatePageMetadata: ({ config: configPromise, params }: Args) => Promise<Metadata>;
12
+ export declare const generatePageMetadata: ({ config: configPromise, params: paramsPromise, }: Args) => Promise<Metadata>;
13
13
  export {};
14
14
  //# sourceMappingURL=meta.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Root/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AA0B9C,KAAK,IAAI,GAAG;IACV,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IAChC,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KACjC,CAAA;IACD,YAAY,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KACjC,CAAA;CACF,CAAA;AAED,eAAO,MAAM,oBAAoB,sCAA6C,IAAI,sBAqHjF,CAAA"}
1
+ {"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Root/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AA0B9C,KAAK,IAAI,GAAG;IACV,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IAChC,MAAM,EAAE,OAAO,CAAC;QACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KACjC,CAAC,CAAA;IACF,YAAY,EAAE,OAAO,CAAC;QACpB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KACjC,CAAC,CAAA;CACH,CAAA;AAED,eAAO,MAAM,oBAAoB,sDAG9B,IAAI,sBAsHN,CAAA"}
@@ -22,9 +22,10 @@ const oneSegmentMeta = {
22
22
  };
23
23
  export const generatePageMetadata = async ({
24
24
  config: configPromise,
25
- params
25
+ params: paramsPromise
26
26
  }) => {
27
27
  const config = await configPromise;
28
+ const params = await paramsPromise;
28
29
  const segments = Array.isArray(params.segments) ? params.segments : [];
29
30
  const currentRoute = `/${segments.join('/')}`;
30
31
  const [segmentOne, segmentTwo] = segments;
@@ -1 +1 @@
1
- {"version":3,"file":"meta.js","names":["getNextRequestI18n","generateAccountMetadata","generateCreateFirstUserMetadata","generateDashboardMetadata","generateDocumentMetadata","generateForgotPasswordMetadata","generateListMetadata","generateLoginMetadata","generateNotFoundMeta","generateResetPasswordMetadata","generateUnauthorizedMetadata","generateVerifyMetadata","generateCustomViewMetadata","getCustomViewByRoute","oneSegmentMeta","forgot","login","logout","unauthorized","generatePageMetadata","config","configPromise","params","segments","Array","isArray","currentRoute","join","segmentOne","segmentTwo","isGlobal","isCollection","i18n","meta","collectionConfig","length","collections","find","collection","slug","globalConfig","globals","global","admin","routes","reset","viewConfig","viewKey"],"sources":["../../../src/views/Root/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedConfig } from 'payload'\n\nimport { getNextRequestI18n } from '../../utilities/getNextRequestI18n.js'\nimport { generateAccountMetadata } from '../Account/index.js'\nimport { generateCreateFirstUserMetadata } from '../CreateFirstUser/index.js'\nimport { generateDashboardMetadata } from '../Dashboard/index.js'\nimport { generateDocumentMetadata } from '../Document/meta.js'\nimport { generateForgotPasswordMetadata } from '../ForgotPassword/index.js'\nimport { generateListMetadata } from '../List/index.js'\nimport { generateLoginMetadata } from '../Login/index.js'\nimport { generateNotFoundMeta } from '../NotFound/meta.js'\nimport { generateResetPasswordMetadata } from '../ResetPassword/index.js'\nimport { generateUnauthorizedMetadata } from '../Unauthorized/index.js'\nimport { generateVerifyMetadata } from '../Verify/index.js'\nimport { generateCustomViewMetadata } from './generateCustomViewMetadata.js'\nimport { getCustomViewByRoute } from './getCustomViewByRoute.js'\n\nconst oneSegmentMeta = {\n 'create-first-user': generateCreateFirstUserMetadata,\n forgot: generateForgotPasswordMetadata,\n login: generateLoginMetadata,\n logout: generateUnauthorizedMetadata,\n 'logout-inactivity': generateUnauthorizedMetadata,\n unauthorized: generateUnauthorizedMetadata,\n}\n\ntype Args = {\n config: Promise<SanitizedConfig>\n params: {\n [key: string]: string | string[]\n }\n searchParams: {\n [key: string]: string | string[]\n }\n}\n\nexport const generatePageMetadata = async ({ config: configPromise, params }: Args) => {\n const config = await configPromise\n\n const segments = Array.isArray(params.segments) ? params.segments : []\n\n const currentRoute = `/${segments.join('/')}`\n const [segmentOne, segmentTwo] = segments\n\n const isGlobal = segmentOne === 'globals'\n const isCollection = segmentOne === 'collections'\n\n const i18n = await getNextRequestI18n({\n config,\n })\n\n let meta: Metadata\n\n // TODO: handle custom routes\n\n const collectionConfig =\n isCollection &&\n segments.length > 1 &&\n config?.collections?.find((collection) => collection.slug === segmentTwo)\n\n const globalConfig =\n isGlobal && segments.length > 1 && config?.globals?.find((global) => global.slug === segmentTwo)\n\n switch (segments.length) {\n case 0: {\n meta = await generateDashboardMetadata({ config, i18n })\n break\n }\n case 1: {\n if (oneSegmentMeta[segmentOne] && segmentOne !== 'account') {\n // --> /create-first-user\n // --> /forgot\n // --> /login\n // --> /logout\n // --> /logout-inactivity\n // --> /unauthorized\n meta = await oneSegmentMeta[segmentOne]({ config, i18n })\n break\n } else if (segmentOne === 'account') {\n // --> /account\n meta = await generateAccountMetadata({ config, i18n })\n break\n }\n break\n }\n case 2: {\n if (`/${segmentOne}` === config.admin.routes.reset) {\n // --> /reset/:token\n meta = await generateResetPasswordMetadata({ config, i18n })\n }\n if (isCollection) {\n // --> /collections/:collectionSlug\n meta = await generateListMetadata({ collectionConfig, config, i18n })\n } else if (isGlobal) {\n // --> /globals/:globalSlug\n meta = await generateDocumentMetadata({\n config,\n globalConfig,\n i18n,\n params,\n })\n }\n break\n }\n default: {\n if (segmentTwo === 'verify') {\n // --> /:collectionSlug/verify/:token\n meta = await generateVerifyMetadata({ config, i18n })\n } else if (isCollection) {\n // Custom Views\n // --> /collections/:collectionSlug/:id\n // --> /collections/:collectionSlug/:id/preview\n // --> /collections/:collectionSlug/:id/versions\n // --> /collections/:collectionSlug/:id/versions/:version\n // --> /collections/:collectionSlug/:id/api\n meta = await generateDocumentMetadata({ collectionConfig, config, i18n, params })\n } else if (isGlobal) {\n // Custom Views\n // --> /globals/:globalSlug/versions\n // --> /globals/:globalSlug/versions/:version\n // --> /globals/:globalSlug/preview\n // --> /globals/:globalSlug/api\n meta = await generateDocumentMetadata({\n config,\n globalConfig,\n i18n,\n params,\n })\n }\n break\n }\n }\n\n if (!meta) {\n const { viewConfig, viewKey } = getCustomViewByRoute({\n config,\n currentRoute,\n })\n\n if (viewKey) {\n // Custom Views\n // --> /:path\n meta = await generateCustomViewMetadata({\n config,\n i18n,\n viewConfig,\n })\n } else {\n meta = await generateNotFoundMeta({ config, i18n })\n }\n }\n\n return meta\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"meta.js","names":["getNextRequestI18n","generateAccountMetadata","generateCreateFirstUserMetadata","generateDashboardMetadata","generateDocumentMetadata","generateForgotPasswordMetadata","generateListMetadata","generateLoginMetadata","generateNotFoundMeta","generateResetPasswordMetadata","generateUnauthorizedMetadata","generateVerifyMetadata","generateCustomViewMetadata","getCustomViewByRoute","oneSegmentMeta","forgot","login","logout","unauthorized","generatePageMetadata","config","configPromise","params","paramsPromise","segments","Array","isArray","currentRoute","join","segmentOne","segmentTwo","isGlobal","isCollection","i18n","meta","collectionConfig","length","collections","find","collection","slug","globalConfig","globals","global","admin","routes","reset","viewConfig","viewKey"],"sources":["../../../src/views/Root/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedConfig } from 'payload'\n\nimport { getNextRequestI18n } from '../../utilities/getNextRequestI18n.js'\nimport { generateAccountMetadata } from '../Account/index.js'\nimport { generateCreateFirstUserMetadata } from '../CreateFirstUser/index.js'\nimport { generateDashboardMetadata } from '../Dashboard/index.js'\nimport { generateDocumentMetadata } from '../Document/meta.js'\nimport { generateForgotPasswordMetadata } from '../ForgotPassword/index.js'\nimport { generateListMetadata } from '../List/index.js'\nimport { generateLoginMetadata } from '../Login/index.js'\nimport { generateNotFoundMeta } from '../NotFound/meta.js'\nimport { generateResetPasswordMetadata } from '../ResetPassword/index.js'\nimport { generateUnauthorizedMetadata } from '../Unauthorized/index.js'\nimport { generateVerifyMetadata } from '../Verify/index.js'\nimport { generateCustomViewMetadata } from './generateCustomViewMetadata.js'\nimport { getCustomViewByRoute } from './getCustomViewByRoute.js'\n\nconst oneSegmentMeta = {\n 'create-first-user': generateCreateFirstUserMetadata,\n forgot: generateForgotPasswordMetadata,\n login: generateLoginMetadata,\n logout: generateUnauthorizedMetadata,\n 'logout-inactivity': generateUnauthorizedMetadata,\n unauthorized: generateUnauthorizedMetadata,\n}\n\ntype Args = {\n config: Promise<SanitizedConfig>\n params: Promise<{\n [key: string]: string | string[]\n }>\n searchParams: Promise<{\n [key: string]: string | string[]\n }>\n}\n\nexport const generatePageMetadata = async ({\n config: configPromise,\n params: paramsPromise,\n}: Args) => {\n const config = await configPromise\n\n const params = await paramsPromise\n const segments = Array.isArray(params.segments) ? params.segments : []\n\n const currentRoute = `/${segments.join('/')}`\n const [segmentOne, segmentTwo] = segments\n\n const isGlobal = segmentOne === 'globals'\n const isCollection = segmentOne === 'collections'\n\n const i18n = await getNextRequestI18n({\n config,\n })\n\n let meta: Metadata\n\n // TODO: handle custom routes\n\n const collectionConfig =\n isCollection &&\n segments.length > 1 &&\n config?.collections?.find((collection) => collection.slug === segmentTwo)\n\n const globalConfig =\n isGlobal && segments.length > 1 && config?.globals?.find((global) => global.slug === segmentTwo)\n\n switch (segments.length) {\n case 0: {\n meta = await generateDashboardMetadata({ config, i18n })\n break\n }\n case 1: {\n if (oneSegmentMeta[segmentOne] && segmentOne !== 'account') {\n // --> /create-first-user\n // --> /forgot\n // --> /login\n // --> /logout\n // --> /logout-inactivity\n // --> /unauthorized\n meta = await oneSegmentMeta[segmentOne]({ config, i18n })\n break\n } else if (segmentOne === 'account') {\n // --> /account\n meta = await generateAccountMetadata({ config, i18n })\n break\n }\n break\n }\n case 2: {\n if (`/${segmentOne}` === config.admin.routes.reset) {\n // --> /reset/:token\n meta = await generateResetPasswordMetadata({ config, i18n })\n }\n if (isCollection) {\n // --> /collections/:collectionSlug\n meta = await generateListMetadata({ collectionConfig, config, i18n })\n } else if (isGlobal) {\n // --> /globals/:globalSlug\n meta = await generateDocumentMetadata({\n config,\n globalConfig,\n i18n,\n params,\n })\n }\n break\n }\n default: {\n if (segmentTwo === 'verify') {\n // --> /:collectionSlug/verify/:token\n meta = await generateVerifyMetadata({ config, i18n })\n } else if (isCollection) {\n // Custom Views\n // --> /collections/:collectionSlug/:id\n // --> /collections/:collectionSlug/:id/preview\n // --> /collections/:collectionSlug/:id/versions\n // --> /collections/:collectionSlug/:id/versions/:version\n // --> /collections/:collectionSlug/:id/api\n meta = await generateDocumentMetadata({ collectionConfig, config, i18n, params })\n } else if (isGlobal) {\n // Custom Views\n // --> /globals/:globalSlug/versions\n // --> /globals/:globalSlug/versions/:version\n // --> /globals/:globalSlug/preview\n // --> /globals/:globalSlug/api\n meta = await generateDocumentMetadata({\n config,\n globalConfig,\n i18n,\n params,\n })\n }\n break\n }\n }\n\n if (!meta) {\n const { viewConfig, viewKey } = getCustomViewByRoute({\n config,\n currentRoute,\n })\n\n if (viewKey) {\n // Custom Views\n // --> /:path\n meta = await generateCustomViewMetadata({\n config,\n i18n,\n viewConfig,\n })\n } else {\n meta = await generateNotFoundMeta({ config, i18n })\n }\n }\n\n return meta\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Unauthorized/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAM9E,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,4BAA4B,EAAE,MAAM,WAAW,CAAA;AAIxD,eAAO,MAAM,gBAAgB,EAAE,2BAA2B,CAAC,kBAAkB,CA+B5E,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Unauthorized/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAQ9E,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,4BAA4B,EAAE,MAAM,WAAW,CAAA;AAIxD,eAAO,MAAM,gBAAgB,EAAE,2BAA2B,CAAC,kBAAkB,CAsC5E,CAAA"}
@@ -1,7 +1,9 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Button, Gutter } from '@payloadcms/ui';
2
+ import { Button } from '@payloadcms/ui';
3
+ import { formatAdminURL } from '@payloadcms/ui/shared';
3
4
  import LinkImport from 'next/link.js';
4
5
  import React from 'react';
6
+ import { FormHeader } from '../../elements/FormHeader/index.js';
5
7
  const Link = LinkImport.default || LinkImport;
6
8
  export { generateUnauthorizedMetadata } from './meta.js';
7
9
  const baseClass = 'unauthorized';
@@ -17,23 +19,28 @@ export const UnauthorizedView = ({
17
19
  routes: {
18
20
  logout: logoutRoute
19
21
  }
22
+ },
23
+ routes: {
24
+ admin: adminRoute
20
25
  }
21
26
  }
22
27
  }
23
28
  }
24
29
  } = initPageResult;
25
- return /*#__PURE__*/_jsxs(Gutter, {
30
+ return /*#__PURE__*/_jsxs("div", {
26
31
  className: baseClass,
27
- children: [/*#__PURE__*/_jsx("h2", {
28
- children: i18n.t('error:unauthorized')
29
- }), /*#__PURE__*/_jsx("p", {
30
- children: i18n.t('error:notAllowedToAccessPage')
32
+ children: [/*#__PURE__*/_jsx(FormHeader, {
33
+ description: i18n.t('error:notAllowedToAccessPage'),
34
+ heading: i18n.t('error:unauthorized')
31
35
  }), /*#__PURE__*/_jsx(Button, {
32
36
  className: `${baseClass}__button`,
33
37
  el: "link",
34
38
  Link: Link,
35
39
  size: "large",
36
- to: logoutRoute,
40
+ to: formatAdminURL({
41
+ adminRoute,
42
+ path: logoutRoute
43
+ }),
37
44
  children: i18n.t('authentication:logOut')
38
45
  })]
39
46
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["Button","Gutter","LinkImport","React","Link","default","generateUnauthorizedMetadata","baseClass","UnauthorizedView","initPageResult","req","i18n","payload","config","admin","routes","logout","logoutRoute","_jsxs","className","_jsx","t","el","size","to"],"sources":["../../../src/views/Unauthorized/index.tsx"],"sourcesContent":["import type { AdminViewComponent, PayloadServerReactComponent } from 'payload'\n\nimport { Button, Gutter } from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nimport './index.scss'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport { generateUnauthorizedMetadata } from './meta.js'\n\nconst baseClass = 'unauthorized'\n\nexport const UnauthorizedView: PayloadServerReactComponent<AdminViewComponent> = ({\n initPageResult,\n}) => {\n const {\n req: {\n i18n,\n payload: {\n config: {\n admin: {\n routes: { logout: logoutRoute },\n },\n },\n },\n },\n } = initPageResult\n\n return (\n <Gutter className={baseClass}>\n <h2>{i18n.t('error:unauthorized')}</h2>\n <p>{i18n.t('error:notAllowedToAccessPage')}</p>\n <Button\n className={`${baseClass}__button`}\n el=\"link\"\n Link={Link}\n size=\"large\"\n to={logoutRoute}\n >\n {i18n.t('authentication:logOut')}\n </Button>\n </Gutter>\n )\n}\n"],"mappings":";AAEA,SAASA,MAAM,EAAEC,MAAM,QAAQ;AAC/B,OAAOC,UAAA,MAAgB;AACvB,OAAOC,KAAA,MAAW;AAIlB,MAAMC,IAAA,GAAQF,UAAA,CAAWG,OAAO,IAAIH,UAAA;AAEpC,SAASI,4BAA4B,QAAQ;AAE7C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAAoEA,CAAC;EAChFC;AAAc,CACf;EACC,MAAM;IACJC,GAAA,EAAK;MACHC,IAAI;MACJC,OAAA,EAAS;QACPC,MAAA,EAAQ;UACNC,KAAA,EAAO;YACLC,MAAA,EAAQ;cAAEC,MAAA,EAAQC;YAAW;UAAE;QAChC;MACF;IACF;EACF,CACF,GAAGR,cAAA;EAEJ,oBACES,KAAA,CAACjB,MAAA;IAAOkB,SAAA,EAAWZ,SAAA;4BACjBa,IAAA,CAAC;gBAAIT,IAAA,CAAKU,CAAC,CAAC;qBACZD,IAAA,CAAC;gBAAGT,IAAA,CAAKU,CAAC,CAAC;qBACXD,IAAA,CAACpB,MAAA;MACCmB,SAAA,EAAW,GAAGZ,SAAA,UAAmB;MACjCe,EAAA,EAAG;MACHlB,IAAA,EAAMA,IAAA;MACNmB,IAAA,EAAK;MACLC,EAAA,EAAIP,WAAA;gBAEHN,IAAA,CAAKU,CAAC,CAAC;;;AAIhB","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["Button","formatAdminURL","LinkImport","React","FormHeader","Link","default","generateUnauthorizedMetadata","baseClass","UnauthorizedView","initPageResult","req","i18n","payload","config","admin","routes","logout","logoutRoute","adminRoute","_jsxs","className","_jsx","description","t","heading","el","size","to","path"],"sources":["../../../src/views/Unauthorized/index.tsx"],"sourcesContent":["import type { AdminViewComponent, PayloadServerReactComponent } from 'payload'\n\nimport { Button } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nimport { FormHeader } from '../../elements/FormHeader/index.js'\nimport './index.scss'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport { generateUnauthorizedMetadata } from './meta.js'\n\nconst baseClass = 'unauthorized'\n\nexport const UnauthorizedView: PayloadServerReactComponent<AdminViewComponent> = ({\n initPageResult,\n}) => {\n const {\n req: {\n i18n,\n payload: {\n config: {\n admin: {\n routes: { logout: logoutRoute },\n },\n routes: { admin: adminRoute },\n },\n },\n },\n } = initPageResult\n\n return (\n <div className={baseClass}>\n <FormHeader\n description={i18n.t('error:notAllowedToAccessPage')}\n heading={i18n.t('error:unauthorized')}\n />\n\n <Button\n className={`${baseClass}__button`}\n el=\"link\"\n Link={Link}\n size=\"large\"\n to={formatAdminURL({\n adminRoute,\n path: logoutRoute,\n })}\n >\n {i18n.t('authentication:logOut')}\n </Button>\n </div>\n )\n}\n"],"mappings":";AAEA,SAASA,MAAM,QAAQ;AACvB,SAASC,cAAc,QAAQ;AAC/B,OAAOC,UAAA,MAAgB;AACvB,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAG3B,MAAMC,IAAA,GAAQH,UAAA,CAAWI,OAAO,IAAIJ,UAAA;AAEpC,SAASK,4BAA4B,QAAQ;AAE7C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAAoEA,CAAC;EAChFC;AAAc,CACf;EACC,MAAM;IACJC,GAAA,EAAK;MACHC,IAAI;MACJC,OAAA,EAAS;QACPC,MAAA,EAAQ;UACNC,KAAA,EAAO;YACLC,MAAA,EAAQ;cAAEC,MAAA,EAAQC;YAAW;UAAE,CAChC;UACDF,MAAA,EAAQ;YAAED,KAAA,EAAOI;UAAU;QAAE;MAC9B;IACF;EACF,CACF,GAAGT,cAAA;EAEJ,oBACEU,KAAA,CAAC;IAAIC,SAAA,EAAWb,SAAA;4BACdc,IAAA,CAAClB,UAAA;MACCmB,WAAA,EAAaX,IAAA,CAAKY,CAAC,CAAC;MACpBC,OAAA,EAASb,IAAA,CAAKY,CAAC,CAAC;qBAGlBF,IAAA,CAACtB,MAAA;MACCqB,SAAA,EAAW,GAAGb,SAAA,UAAmB;MACjCkB,EAAA,EAAG;MACHrB,IAAA,EAAMA,IAAA;MACNsB,IAAA,EAAK;MACLC,EAAA,EAAI3B,cAAA,CAAe;QACjBkB,UAAA;QACAU,IAAA,EAAMX;MACR;gBAECN,IAAA,CAAKY,CAAC,CAAC;;;AAIhB","ignoreList":[]}
@@ -1,36 +1,9 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .unauthorized {
4
- margin-top: var(--base);
5
-
6
- & > * {
7
- &:first-child {
8
- margin-top: 0;
9
- }
10
- &:last-child {
11
- margin-bottom: 0;
12
- }
13
- }
14
-
15
- &__button {
16
- margin: 0;
17
- }
18
-
19
- &--margin-top-large {
20
- margin-top: calc(var(--base) * 2);
21
- }
22
-
23
- @include large-break {
24
- &--margin-top-large {
25
- margin-top: var(--base);
26
- }
27
- }
28
-
29
- @include small-break {
30
- margin-top: calc(var(--base) / 2);
31
-
32
- &--margin-top-large {
33
- margin-top: calc(var(--base) / 2);
3
+ @layer payload-default {
4
+ .unauthorized {
5
+ &__button {
6
+ margin: 0;
34
7
  }
35
8
  }
36
9
  }
@@ -0,0 +1,7 @@
1
+ type Props = {
2
+ message: string;
3
+ redirectTo: string;
4
+ };
5
+ export declare function ToastAndRedirect({ message, redirectTo }: Props): any;
6
+ export {};
7
+ //# sourceMappingURL=index.client.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/Verify/index.client.tsx"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,KAAK,OAsB9D"}
@@ -0,0 +1,46 @@
1
+ 'use client';
2
+
3
+ import { c as _c } from "react/compiler-runtime";
4
+ import { toast } from '@payloadcms/ui';
5
+ import { useRouter } from 'next/navigation.js';
6
+ import React, { useEffect } from 'react';
7
+ export function ToastAndRedirect(t0) {
8
+ const $ = _c(5);
9
+ const {
10
+ message,
11
+ redirectTo
12
+ } = t0;
13
+ const router = useRouter();
14
+ const hasToastedRef = React.useRef(false);
15
+ let t1;
16
+ let t2;
17
+ if ($[0] !== message || $[1] !== router || $[2] !== redirectTo) {
18
+ t1 = () => {
19
+ let timeoutID;
20
+ if (toast) {
21
+ timeoutID = setTimeout(() => {
22
+ toast.success(message);
23
+ hasToastedRef.current = true;
24
+ router.push(redirectTo);
25
+ }, 100);
26
+ }
27
+ return () => {
28
+ if (timeoutID) {
29
+ clearTimeout(timeoutID);
30
+ }
31
+ };
32
+ };
33
+ t2 = [router, redirectTo, message];
34
+ $[0] = message;
35
+ $[1] = router;
36
+ $[2] = redirectTo;
37
+ $[3] = t1;
38
+ $[4] = t2;
39
+ } else {
40
+ t1 = $[3];
41
+ t2 = $[4];
42
+ }
43
+ useEffect(t1, t2);
44
+ return null;
45
+ }
46
+ //# sourceMappingURL=index.client.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.client.js","names":["c","_c","toast","useRouter","React","useEffect","ToastAndRedirect","t0","$","message","redirectTo","router","hasToastedRef","useRef","t1","t2","timeoutID","current","push","clearTimeout"],"sources":["../../../src/views/Verify/index.client.tsx"],"sourcesContent":["'use client'\nimport { toast } from '@payloadcms/ui'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useEffect } from 'react'\n\ntype Props = {\n message: string\n redirectTo: string\n}\nexport function ToastAndRedirect({ message, redirectTo }: Props) {\n const router = useRouter()\n const hasToastedRef = React.useRef(false)\n\n useEffect(() => {\n let timeoutID\n if (toast) {\n timeoutID = setTimeout(() => {\n toast.success(message)\n hasToastedRef.current = true\n router.push(redirectTo)\n }, 100)\n }\n\n return () => {\n if (timeoutID) {\n clearTimeout(timeoutID)\n }\n }\n }, [router, redirectTo, message])\n\n return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,KAAK,QAAQ;AACtB,SAASC,SAAS,QAAQ;AAC1B,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAMjC,OAAO,SAAAC,iBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAA0B;IAAAQ,OAAA;IAAAC;EAAA,IAAAH,EAA8B;EAC7D,MAAAI,MAAA,GAAeR,SAAA;EACf,MAAAS,aAAA,GAAsBR,KAAA,CAAAS,MAAA,MAAa;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAE,UAAA;IAEzBI,EAAA,GAAAA,CAAA;MACJE,GAAA,CAAAA,SAAA;MAAA,IAAAd,KAAA;QAEFc,SAAA,CAAAA,CAAA,CAAYA,aAAA,CAAAA,EAAA,CAAAA;UACVA,cAAcP,OAAA;UACdG,aAAA,CAAAK,OAAA;UACAN,MAAA,CAAAO,IAAA,CAAYR,UAAA;QAAA,MACX;MAJH;MAAA;QAAA,IAQIM,SAAA;UACFG,YAAA,CAAaH,SAAA;QAAA;MAAA;IAAA;IAGhBD,EAAA,IAACJ,MAAA,EAAQD,UAAA,EAAYD,OAAA;IAAQD,CAAA,MAAAC,OAAA;IAAAD,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;EAAA;IAAAD,EAAA,GAAAN,CAAA;IAAAO,EAAA,GAAAP,CAAA;EAAA;EAfhCH,SAAA,CAAUS,EAeV,EAAGC,EAA6B;EAAA;AAAA","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Verify/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,eAAe,WAAW,CAAA;AAEvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsD3C,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Verify/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,eAAe,WAAW,CAAA;AAEvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6D3C,CAAA"}
@@ -1,8 +1,8 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { formatAdminURL } from '@payloadcms/ui/shared';
3
- import { redirect } from 'next/navigation.js';
4
3
  import React from 'react';
5
4
  import { Logo } from '../../elements/Logo/index.js';
5
+ import { ToastAndRedirect } from './index.client.js';
6
6
  export const verifyBaseClass = 'verify';
7
7
  export { generateVerifyMetadata } from './meta.js';
8
8
  export const Verify = async ({
@@ -31,24 +31,25 @@ export const Verify = async ({
31
31
  }
32
32
  } = config;
33
33
  let textToRender;
34
+ let isVerified = false;
34
35
  try {
35
36
  await req.payload.verifyEmail({
36
37
  collection: collectionSlug,
37
38
  token
38
39
  });
39
- return redirect(formatAdminURL({
40
- adminRoute,
41
- path: '/login'
42
- }));
40
+ isVerified = true;
41
+ textToRender = req.t('authentication:emailVerified');
43
42
  } catch (e) {
44
- // already verified
45
- if (e?.status === 202) {
46
- redirect(formatAdminURL({
43
+ textToRender = req.t('authentication:unableToVerify');
44
+ }
45
+ if (isVerified) {
46
+ return /*#__PURE__*/_jsx(ToastAndRedirect, {
47
+ message: req.t('authentication:emailVerified'),
48
+ redirectTo: formatAdminURL({
47
49
  adminRoute,
48
50
  path: '/login'
49
- }));
50
- }
51
- textToRender = req.t('authentication:unableToVerify');
51
+ })
52
+ });
52
53
  }
53
54
  return /*#__PURE__*/_jsxs(React.Fragment, {
54
55
  children: [/*#__PURE__*/_jsx("div", {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["formatAdminURL","redirect","React","Logo","verifyBaseClass","generateVerifyMetadata","Verify","initPageResult","params","searchParams","collectionSlug","verify","token","segments","locale","permissions","req","i18n","payload","config","user","routes","admin","adminRoute","textToRender","verifyEmail","collection","path","e","status","t","_jsxs","Fragment","_jsx","className"],"sources":["../../../src/views/Verify/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport { redirect } from 'next/navigation.js'\nimport React from 'react'\n\nimport { Logo } from '../../elements/Logo/index.js'\nimport './index.scss'\n\nexport const verifyBaseClass = 'verify'\n\nexport { generateVerifyMetadata } from './meta.js'\n\nexport const Verify: React.FC<AdminViewProps> = async ({\n initPageResult,\n params,\n searchParams,\n}) => {\n // /:collectionSlug/verify/:token\n\n const [collectionSlug, verify, token] = params.segments\n const { locale, permissions, req } = initPageResult\n\n const {\n i18n,\n payload: { config },\n payload,\n user,\n } = req\n\n const {\n routes: { admin: adminRoute },\n } = config\n\n let textToRender\n\n try {\n await req.payload.verifyEmail({\n collection: collectionSlug,\n token,\n })\n\n return redirect(formatAdminURL({ adminRoute, path: '/login' }))\n } catch (e) {\n // already verified\n if (e?.status === 202) {\n redirect(formatAdminURL({ adminRoute, path: '/login' }))\n }\n textToRender = req.t('authentication:unableToVerify')\n }\n\n return (\n <React.Fragment>\n <div className={`${verifyBaseClass}__brand`}>\n <Logo\n i18n={i18n}\n locale={locale}\n params={params}\n payload={payload}\n permissions={permissions}\n searchParams={searchParams}\n user={user}\n />\n </div>\n <h2>{textToRender}</h2>\n </React.Fragment>\n )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AAGrB,OAAO,MAAMC,eAAA,GAAkB;AAE/B,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,MAAMC,MAAA,GAAmC,MAAAA,CAAO;EACrDC,cAAc;EACdC,MAAM;EACNC;AAAY,CACb;EACC;EAEA,MAAM,CAACC,cAAA,EAAgBC,MAAA,EAAQC,KAAA,CAAM,GAAGJ,MAAA,CAAOK,QAAQ;EACvD,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGT,cAAA;EAErC,MAAM;IACJU,IAAI;IACJC,OAAA,EAAS;MAAEC;IAAM,CAAE;IACnBD,OAAO;IACPE;EAAI,CACL,GAAGJ,GAAA;EAEJ,MAAM;IACJK,MAAA,EAAQ;MAAEC,KAAA,EAAOC;IAAU;EAAE,CAC9B,GAAGJ,MAAA;EAEJ,IAAIK,YAAA;EAEJ,IAAI;IACF,MAAMR,GAAA,CAAIE,OAAO,CAACO,WAAW,CAAC;MAC5BC,UAAA,EAAYhB,cAAA;MACZE;IACF;IAEA,OAAOX,QAAA,CAASD,cAAA,CAAe;MAAEuB,UAAA;MAAYI,IAAA,EAAM;IAAS;EAC9D,EAAE,OAAOC,CAAA,EAAG;IACV;IACA,IAAIA,CAAA,EAAGC,MAAA,KAAW,KAAK;MACrB5B,QAAA,CAASD,cAAA,CAAe;QAAEuB,UAAA;QAAYI,IAAA,EAAM;MAAS;IACvD;IACAH,YAAA,GAAeR,GAAA,CAAIc,CAAC,CAAC;EACvB;EAEA,oBACEC,KAAA,CAAC7B,KAAA,CAAM8B,QAAQ;4BACbC,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAG9B,eAAA,SAAwB;gBACzC,aAAA6B,IAAA,CAAC9B,IAAA;QACCc,IAAA,EAAMA,IAAA;QACNH,MAAA,EAAQA,MAAA;QACRN,MAAA,EAAQA,MAAA;QACRU,OAAA,EAASA,OAAA;QACTH,WAAA,EAAaA,WAAA;QACbN,YAAA,EAAcA,YAAA;QACdW,IAAA,EAAMA;;qBAGVa,IAAA,CAAC;gBAAIT;;;AAGX","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["formatAdminURL","React","Logo","ToastAndRedirect","verifyBaseClass","generateVerifyMetadata","Verify","initPageResult","params","searchParams","collectionSlug","verify","token","segments","locale","permissions","req","i18n","payload","config","user","routes","admin","adminRoute","textToRender","isVerified","verifyEmail","collection","t","e","_jsx","message","redirectTo","path","_jsxs","Fragment","className"],"sources":["../../../src/views/Verify/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { Logo } from '../../elements/Logo/index.js'\nimport { ToastAndRedirect } from './index.client.js'\nimport './index.scss'\n\nexport const verifyBaseClass = 'verify'\n\nexport { generateVerifyMetadata } from './meta.js'\n\nexport const Verify: React.FC<AdminViewProps> = async ({\n initPageResult,\n params,\n searchParams,\n}) => {\n // /:collectionSlug/verify/:token\n\n const [collectionSlug, verify, token] = params.segments\n const { locale, permissions, req } = initPageResult\n\n const {\n i18n,\n payload: { config },\n payload,\n user,\n } = req\n\n const {\n routes: { admin: adminRoute },\n } = config\n\n let textToRender\n let isVerified = false\n\n try {\n await req.payload.verifyEmail({\n collection: collectionSlug,\n token,\n })\n\n isVerified = true\n textToRender = req.t('authentication:emailVerified')\n } catch (e) {\n textToRender = req.t('authentication:unableToVerify')\n }\n\n if (isVerified) {\n return (\n <ToastAndRedirect\n message={req.t('authentication:emailVerified')}\n redirectTo={formatAdminURL({ adminRoute, path: '/login' })}\n />\n )\n }\n\n return (\n <React.Fragment>\n <div className={`${verifyBaseClass}__brand`}>\n <Logo\n i18n={i18n}\n locale={locale}\n params={params}\n payload={payload}\n permissions={permissions}\n searchParams={searchParams}\n user={user}\n />\n </div>\n <h2>{textToRender}</h2>\n </React.Fragment>\n )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,SAASC,gBAAgB,QAAQ;AAGjC,OAAO,MAAMC,eAAA,GAAkB;AAE/B,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,MAAMC,MAAA,GAAmC,MAAAA,CAAO;EACrDC,cAAc;EACdC,MAAM;EACNC;AAAY,CACb;EACC;EAEA,MAAM,CAACC,cAAA,EAAgBC,MAAA,EAAQC,KAAA,CAAM,GAAGJ,MAAA,CAAOK,QAAQ;EACvD,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGT,cAAA;EAErC,MAAM;IACJU,IAAI;IACJC,OAAA,EAAS;MAAEC;IAAM,CAAE;IACnBD,OAAO;IACPE;EAAI,CACL,GAAGJ,GAAA;EAEJ,MAAM;IACJK,MAAA,EAAQ;MAAEC,KAAA,EAAOC;IAAU;EAAE,CAC9B,GAAGJ,MAAA;EAEJ,IAAIK,YAAA;EACJ,IAAIC,UAAA,GAAa;EAEjB,IAAI;IACF,MAAMT,GAAA,CAAIE,OAAO,CAACQ,WAAW,CAAC;MAC5BC,UAAA,EAAYjB,cAAA;MACZE;IACF;IAEAa,UAAA,GAAa;IACbD,YAAA,GAAeR,GAAA,CAAIY,CAAC,CAAC;EACvB,EAAE,OAAOC,CAAA,EAAG;IACVL,YAAA,GAAeR,GAAA,CAAIY,CAAC,CAAC;EACvB;EAEA,IAAIH,UAAA,EAAY;IACd,oBACEK,IAAA,CAAC3B,gBAAA;MACC4B,OAAA,EAASf,GAAA,CAAIY,CAAC,CAAC;MACfI,UAAA,EAAYhC,cAAA,CAAe;QAAEuB,UAAA;QAAYU,IAAA,EAAM;MAAS;;EAG9D;EAEA,oBACEC,KAAA,CAACjC,KAAA,CAAMkC,QAAQ;4BACbL,IAAA,CAAC;MAAIM,SAAA,EAAW,GAAGhC,eAAA,SAAwB;gBACzC,aAAA0B,IAAA,CAAC5B,IAAA;QACCe,IAAA,EAAMA,IAAA;QACNH,MAAA,EAAQA,MAAA;QACRN,MAAA,EAAQA,MAAA;QACRU,OAAA,EAASA,OAAA;QACTH,WAAA,EAAaA,WAAA;QACbN,YAAA,EAAcA,YAAA;QACdW,IAAA,EAAMA;;qBAGVU,IAAA,CAAC;gBAAIN;;;AAGX","ignoreList":[]}
@@ -1,14 +1,16 @@
1
- .verify {
2
- display: flex;
3
- align-items: center;
4
- text-align: center;
5
- flex-wrap: wrap;
6
- min-height: 100vh;
7
-
8
- &__brand {
1
+ @layer payload-default {
2
+ .verify {
9
3
  display: flex;
10
- justify-content: center;
11
- width: 100%;
12
- margin-bottom: calc(var(--base) * 2);
4
+ align-items: center;
5
+ text-align: center;
6
+ flex-wrap: wrap;
7
+ min-height: 100vh;
8
+
9
+ &__brand {
10
+ display: flex;
11
+ justify-content: center;
12
+ width: 100%;
13
+ margin-bottom: calc(var(--base) * 2);
14
+ }
13
15
  }
14
16
  }
@@ -1,70 +1,72 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .view-version {
4
- width: 100%;
5
- padding-bottom: var(--spacing-view-bottom);
3
+ @layer payload-default {
4
+ .view-version {
5
+ width: 100%;
6
+ padding-bottom: var(--spacing-view-bottom);
6
7
 
7
- &__wrap {
8
- padding-top: calc(var(--base) * 1.5);
9
- display: flex;
10
- flex-direction: column;
11
- gap: var(--base);
12
- }
13
-
14
- &__header-wrap {
15
- display: flex;
16
- flex-direction: column;
17
- gap: calc(var(--base) / 4);
18
- }
19
-
20
- &__header {
21
- display: flex;
22
- align-items: center;
23
- flex-wrap: wrap;
24
-
25
- h2 {
26
- margin: 0;
8
+ &__wrap {
9
+ padding-top: calc(var(--base) * 1.5);
10
+ display: flex;
11
+ flex-direction: column;
12
+ gap: var(--base);
27
13
  }
28
- }
29
14
 
30
- &__created-at {
31
- margin: 0;
32
- color: var(--theme-elevation-500);
33
- }
15
+ &__header-wrap {
16
+ display: flex;
17
+ flex-direction: column;
18
+ gap: calc(var(--base) / 4);
19
+ }
34
20
 
35
- &__controls {
36
- display: flex;
37
- gap: var(--base);
21
+ &__header {
22
+ display: flex;
23
+ align-items: center;
24
+ flex-wrap: wrap;
38
25
 
39
- > * {
40
- flex-basis: 100%;
26
+ h2 {
27
+ margin: 0;
28
+ }
41
29
  }
42
- }
43
-
44
- &__restore {
45
- margin: 0 0 0 var(--base);
46
- }
47
30
 
48
- @include mid-break {
49
- &__intro,
50
- &__header {
51
- display: block;
31
+ &__created-at {
32
+ margin: 0;
33
+ color: var(--theme-elevation-500);
52
34
  }
53
35
 
54
36
  &__controls {
55
- flex-direction: column;
56
- gap: calc(var(--base) / 4);
37
+ display: flex;
38
+ gap: var(--base);
39
+
40
+ > * {
41
+ flex-basis: 100%;
42
+ }
57
43
  }
58
44
 
59
45
  &__restore {
60
- margin: calc(var(--base) * 0.5) 0 0 0;
46
+ margin: 0 0 0 var(--base);
61
47
  }
62
- }
63
48
 
64
- @include small-break {
65
- &__wrap {
66
- padding-top: calc(var(--base) / 2);
67
- gap: calc(var(--base) / 2);
49
+ @include mid-break {
50
+ &__intro,
51
+ &__header {
52
+ display: block;
53
+ }
54
+
55
+ &__controls {
56
+ flex-direction: column;
57
+ gap: calc(var(--base) / 4);
58
+ }
59
+
60
+ &__restore {
61
+ margin: calc(var(--base) * 0.5) 0 0 0;
62
+ }
63
+ }
64
+
65
+ @include small-break {
66
+ &__wrap {
67
+ padding-top: calc(var(--base) / 2);
68
+ gap: calc(var(--base) / 2);
69
+ }
68
70
  }
69
71
  }
70
72
  }
@@ -1,4 +1,6 @@
1
- .field-diff-label {
2
- margin-bottom: calc(var(--base) * 0.25);
3
- font-weight: 600;
1
+ @layer payload-default {
2
+ .field-diff-label {
3
+ margin-bottom: calc(var(--base) * 0.25);
4
+ font-weight: 600;
5
+ }
4
6
  }
@@ -1,34 +1,36 @@
1
- .iterable-diff {
2
- margin-bottom: calc(var(--base) * 2);
1
+ @layer payload-default {
2
+ .iterable-diff {
3
+ margin-bottom: calc(var(--base) * 2);
3
4
 
4
- &__locale-label {
5
- background: var(--theme-elevation-100);
6
- padding: calc(var(--base) * 0.25);
7
- // border-radius: $style-radius-m;
8
- [dir='ltr'] & {
9
- margin-right: calc(var(--base) * 0.25);
5
+ &__locale-label {
6
+ background: var(--theme-elevation-100);
7
+ padding: calc(var(--base) * 0.25);
8
+ // border-radius: $style-radius-m;
9
+ [dir='ltr'] & {
10
+ margin-right: calc(var(--base) * 0.25);
11
+ }
12
+ [dir='rtl'] & {
13
+ margin-left: calc(var(--base) * 0.25);
14
+ }
10
15
  }
11
- [dir='rtl'] & {
12
- margin-left: calc(var(--base) * 0.25);
13
- }
14
- }
15
16
 
16
- &__wrap {
17
- margin: calc(var(--base) * 0.5);
18
- [dir='ltr'] & {
19
- padding-left: calc(var(--base) * 0.5);
20
- // border-left: $style-stroke-width-s solid var(--theme-elevation-150);
21
- }
22
- [dir='rtl'] & {
23
- padding-right: calc(var(--base) * 0.5);
24
- // border-right: $style-stroke-width-s solid var(--theme-elevation-150);
17
+ &__wrap {
18
+ margin: calc(var(--base) * 0.5);
19
+ [dir='ltr'] & {
20
+ padding-left: calc(var(--base) * 0.5);
21
+ // border-left: $style-stroke-width-s solid var(--theme-elevation-150);
22
+ }
23
+ [dir='rtl'] & {
24
+ padding-right: calc(var(--base) * 0.5);
25
+ // border-right: $style-stroke-width-s solid var(--theme-elevation-150);
26
+ }
25
27
  }
26
- }
27
28
 
28
- &__no-rows {
29
- font-family: monospace;
30
- background-color: var(--theme-elevation-50);
31
- // padding: base(0.125) calc(var(--base) * 0.5);
32
- // margin: base(0.125) 0;
29
+ &__no-rows {
30
+ font-family: monospace;
31
+ background-color: var(--theme-elevation-50);
32
+ // padding: base(0.125) calc(var(--base) * 0.5);
33
+ // margin: base(0.125) 0;
34
+ }
33
35
  }
34
36
  }
@@ -1,12 +1,14 @@
1
- .nested-diff {
2
- &__wrap--gutter {
3
- [dir='ltr'] & {
4
- padding-left: calc(var(--base) * 0.25);
5
- // border-left: $style-stroke-width-s solid var(--theme-elevation-150);
6
- }
7
- [dir='rtl'] & {
8
- padding-right: calc(var(--base) * 0.25);
9
- // border-right: $style-stroke-width-s solid var(--theme-elevation-150);
1
+ @layer payload-default {
2
+ .nested-diff {
3
+ &__wrap--gutter {
4
+ [dir='ltr'] & {
5
+ padding-left: calc(var(--base) * 0.25);
6
+ // border-left: $style-stroke-width-s solid var(--theme-elevation-150);
7
+ }
8
+ [dir='rtl'] & {
9
+ padding-right: calc(var(--base) * 0.25);
10
+ // border-right: $style-stroke-width-s solid var(--theme-elevation-150);
11
+ }
10
12
  }
11
13
  }
12
14
  }
@@ -1,13 +1,15 @@
1
- .relationship-diff {
2
- &__locale-label {
3
- [dir='ltr'] & {
4
- margin-right: calc(var(--base) * 0.25);
1
+ @layer payload-default {
2
+ .relationship-diff {
3
+ &__locale-label {
4
+ [dir='ltr'] & {
5
+ margin-right: calc(var(--base) * 0.25);
6
+ }
7
+ [dir='rtl'] & {
8
+ margin-left: calc(var(--base) * 0.25);
9
+ }
10
+ background: var(--theme-elevation-100);
11
+ padding: calc(var(--base) * 0.25);
12
+ // border-radius: $style-radius-m;
5
13
  }
6
- [dir='rtl'] & {
7
- margin-left: calc(var(--base) * 0.25);
8
- }
9
- background: var(--theme-elevation-100);
10
- padding: calc(var(--base) * 0.25);
11
- // border-radius: $style-radius-m;
12
14
  }
13
15
  }