Payload 2.0

services/payload/package.json

@@ -12,23 +12,18 @@
         "serve": "cross-env PAYLOAD_CONFIG_PATH=dist/payload.config.js NODE_ENV=production node dist/server.js",
         "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png}\" dist/",
         "generate:types": "cross-env PAYLOAD_CONFIG_PATH=src/payload.config.ts payload generate:types",
-        "generate:graphQLSchema": "cross-env PAYLOAD_CONFIG_PATH=src/payload.config.ts payload generate:graphQLSchema"
-    },
-    "pnpm": {
-        "supportedArchitectures": {
-            "libc": [
-                "musl"
-            ]
-        },
-        "overrides": {
-            "sharp": "0.33.3"
-        }
+        "generate:graphQLSchema": "cross-env PAYLOAD_CONFIG_PATH=src/payload.config.ts payload generate:graphQLSchema",
+        "payload": "cross-env PAYLOAD_CONFIG_PATH=src/payload.config.ts payload"
     },
     "dependencies": {
-        "@faceless-ui/modal": "^2.0.1",
+        "@faceless-ui/modal": "2.0.1",
         "@faceless-ui/window-info": "^2.1.1",
         "@learncard/didkit-plugin": "^1.4.3",
         "@learncard/init": "^1.2.15",
+        "@payloadcms/bundler-webpack": "^1.0.6",
+        "@payloadcms/db-mongodb": "^1.5.1",
+        "@payloadcms/plugin-cloud": "^3.0.0",
+        "@payloadcms/richtext-slate": "^1.5.1",
         "@radix-ui/react-accordion": "^1.1.2",
         "better-error-message-for-json-parse": "^0.1.6",
         "bullmq": "^4.9.0",
@@ -46,14 +41,16 @@
         "lucide-react": "^0.279.0",
         "md5": "^2.3.0",
         "object-to-formdata": "^4.5.1",
+        "optional": "^0.1.4",
         "papaparse": "^5.4.1",
-        "payload": "1.13.4",
+        "payload": "2.14.2",
         "qs": "^6.11.2",
         "react": "^18.2.0",
         "react-flip-toolkit": "^7.1.0",
         "react-i18next": "^13.2.2",
         "react-router-dom": "^5.3.4",
         "react-toastify": "^9.1.3",
+        "sharp": "^0.32.6",
         "tailwind-merge": "^1.14.0",
         "tailwindcss-animate": "^1.0.7",
         "uuid": "^9.0.1",

services/payload/src/components/AccountSettings.tsx

@@ -10,12 +10,11 @@ import RenderTitle from 'payload/dist/admin/components/elements/RenderTitle';
 import ReactSelect from 'payload/dist/admin/components/elements/ReactSelect';
 import RenderFields from 'payload/dist/admin/components/forms/RenderFields';
 import Label from 'payload/dist/admin/components/forms/Label';
-import LeaveWithoutSaving from 'payload/dist/admin/components/modals/LeaveWithoutSaving';
+import { LeaveWithoutSaving } from 'payload/dist/admin/components/modals/LeaveWithoutSaving';
 import { Save } from 'payload/dist/admin/components/elements/Save';
 import { ToggleTheme } from 'payload/dist/admin/components/views/Account/ToggleTheme';
 import { Gutter } from 'payload/dist/admin/components/elements/Gutter';
 import { useAuth } from 'payload/components/utilities';
-import fieldTypes from 'payload/dist/admin/components/forms/field-types';
 import getI18n from 'payload/dist/translations/init';
 
 import type { Translation } from 'payload/dist/translations/type';
@@ -29,6 +28,7 @@ const AccountSettings: React.FC<Props> = ({
     hasSavePermission,
     initialState,
     isLoading,
+    fieldTypes,
     action,
     onSave: onSaveFromProps,
 }) => {
@@ -39,8 +39,8 @@ const AccountSettings: React.FC<Props> = ({
     } = collection;
 
     const { refreshCookieAsync } = useAuth();
-    const i18n = getI18n({}) as any;
-    const { t } = useTranslation('authentication', { i18n });
+    const { i18n, t } = useTranslation('authentication')
+
 
     const languageOptions = Object.entries(i18n?.options?.resources ?? {}).map(
         ([language, resource]) => ({

services/payload/src/components/List/BatchCredentialListPreview.tsx

@@ -39,8 +39,11 @@ const BatchCredentialListPreview: React.FC<BatchCredentialListPreviewProps> = ({
     if (!data) return <></>;
 
     const {
-        breakpoints: { s: smallBreak },
+        breakpoints
     } = useWindowInfo();
+
+    const smallBreak = breakpoints?.s;
+
     const { t, i18n } = useTranslation('general');
     let formattedDocs = data.docs || [];