payload 1.1.27-beta.0 → 1.2.0

package/CHANGELOG.md

@@ -1,67 +1,42 @@
 
 
-## [1.1.27-beta.0](https://github.com/payloadcms/payload/compare/v1.1.26...v1.1.27-beta.0) (2022-11-17)
+# [1.2.0](https://github.com/payloadcms/payload/compare/v1.1.26...v1.2.0) (2022-11-18)
 
 
 ### Bug Fixes
 
-* allow label to be set to false ([858fc86](https://github.com/payloadcms/payload/commit/858fc86af895f25a091f1b5b729d04c86f654601))
-* autosave slug regression ([b1f3ce9](https://github.com/payloadcms/payload/commit/b1f3ce9735743b8056633d98fb94353e6f4c08e6))
 * build errors ([65f0e1c](https://github.com/payloadcms/payload/commit/65f0e1caace193f034139e331883d01d8eb92d2c))
 * components optional chaining ([d5e725c](https://github.com/payloadcms/payload/commit/d5e725c608588e96b974291fa86d5e89dea9060d))
 * corrects exported custom component type ([2878b4b](https://github.com/payloadcms/payload/commit/2878b4b1bec5c0c9997c1ba2a080640d4d3f8e5f))
 * corrects type for CollapsibleLabel example type, adjusts custom component filenames ([ccb4231](https://github.com/payloadcms/payload/commit/ccb42319abf0679d998e15b6b47fff3ce95d4ca1))
-* getTranslation fallback ([d82a6be](https://github.com/payloadcms/payload/commit/d82a6be5012a355d0eed98ac57c79a6f1d3c7f32))
-* radio and select fields show translated value in list view ([13d225f](https://github.com/payloadcms/payload/commit/13d225ff086c8913a8954dd83e658af5859028bc))
 * sets pointer-events to none so the entire label bar is clickable ([e458087](https://github.com/payloadcms/payload/commit/e458087a55cbbad29ca3568ca4c089aaee49693a))
-* translation formatting ([d9ddca9](https://github.com/payloadcms/payload/commit/d9ddca9d1b7276a1ed3603ceb78399bd45624032))
-* translation typos ([0ed38d4](https://github.com/payloadcms/payload/commit/0ed38d47081b351e70854cc11bdb0efe1ec971ac))
-* type error ([6a5bd24](https://github.com/payloadcms/payload/commit/6a5bd24fd125464522b9d27e724efa435fb621a4))
 
 
 ### Features
 
-* add Dutch translations ([#1418](https://github.com/payloadcms/payload/issues/1418)) ([c58ed21](https://github.com/payloadcms/payload/commit/c58ed213c6a879612e0ebe6ac11a4b0f4ab95a1d))
-* Add french translations ([#1421](https://github.com/payloadcms/payload/issues/1421)) ([118886e](https://github.com/payloadcms/payload/commit/118886e2ef073464fde432243a9205ce92762282))
-* add i18n to admin panel ([d910045](https://github.com/payloadcms/payload/commit/d910045102b2e80c12c96f13941d8d624abbecf5))
-* add i18n to local api ([f143f72](https://github.com/payloadcms/payload/commit/f143f724fee85b51697ad54110a0920a398baced))
-* Add Italian Translations ([#1335](https://github.com/payloadcms/payload/issues/1335)) ([97c28c8](https://github.com/payloadcms/payload/commit/97c28c809614962a1be795082ed84dbfc2299e79))
-* Add Japanese Translations ([#1351](https://github.com/payloadcms/payload/issues/1351)) ([522576c](https://github.com/payloadcms/payload/commit/522576c2b98368f14fe0bf945c703f866bb7646b))
-* add language select input to account ([ccee1d8](https://github.com/payloadcms/payload/commit/ccee1d84d4247dc894bf15227728cbb29f924d21))
-* add polish translations ([#1328](https://github.com/payloadcms/payload/issues/1328)) ([7e218fe](https://github.com/payloadcms/payload/commit/7e218feb911bcda312f2732266a63c3eccb285a2))
-* Add Russian Translations ([#1334](https://github.com/payloadcms/payload/issues/1334)) ([9980765](https://github.com/payloadcms/payload/commit/99807657ba97d68c5d3457794745d4182715abfa))
-* Add Spanish Translations ([#1327](https://github.com/payloadcms/payload/issues/1327)) ([edf6877](https://github.com/payloadcms/payload/commit/edf687792489fbc969ba0a0f0f6aab69f637cebe))
-* Add swedish translations ([#1429](https://github.com/payloadcms/payload/issues/1429)) ([ba8f739](https://github.com/payloadcms/payload/commit/ba8f7390cabc514735c76c32266be792b0f4596d))
-* add Vietnamese translation for the admin panel ([#1346](https://github.com/payloadcms/payload/issues/1346)) ([47f45fa](https://github.com/payloadcms/payload/commit/47f45fae150779ec319bbb35b91469baaa308688))
+* add i18n to admin panel ([#1326](https://github.com/payloadcms/payload/issues/1326)) ([bab34d8](https://github.com/payloadcms/payload/commit/bab34d82f5fddad32ceafd116ad97e87cab4c862))
 * adds docs example ([2bf0fff](https://github.com/payloadcms/payload/commit/2bf0fffa0dd83f395aa3318b3baba1e22dd58b51))
 * adds playwright tests for array fields ([57a8c35](https://github.com/payloadcms/payload/commit/57a8c352e44750d1785b65074c15812dc8226585))
-* allow custom translations in payload config ([16d1c53](https://github.com/payloadcms/payload/commit/16d1c53b8d18c2924644103713b4d785757764dd))
-* collection and globals description support i18n ([f39898b](https://github.com/payloadcms/payload/commit/f39898b784cd1fe252fdaeaf97d242a3afef2f36))
 * converts rowHeader to collapsibleLabel, extends data passed to functions/components ([13ec1e0](https://github.com/payloadcms/payload/commit/13ec1e0398d2a9ce1aeddc5692008173acfde45e))
 * customizable header-labels ([d45de99](https://github.com/payloadcms/payload/commit/d45de99956273c59e6d1a3a11c7cce36f3d123f6))
-* fields translations ([a7008de](https://github.com/payloadcms/payload/commit/a7008def47d8701d371d0f312148d98259a607d4))
-* GraphQL schema uses names and slugs instead of labels, introduces graphQL names for compatibility ([508faa0](https://github.com/payloadcms/payload/commit/508faa05b20adfd5d218dbb4cb56db890e8c4345))
-* i18n base field labels ([fd675f9](https://github.com/payloadcms/payload/commit/fd675f9341bbd9461c418a03ed837c577fdb1ed9))
-* i18n errors ([25294d1](https://github.com/payloadcms/payload/commit/25294d1e8b10d7e516fda5894062836fc9ae312f))
-* i18n labels blocks ([650d8ab](https://github.com/payloadcms/payload/commit/650d8aba0efe4ddd9e561b78d932fe250be077a4))
-* i18n labels, descriptions, placeholders, tabs and nav groups ([ca18afc](https://github.com/payloadcms/payload/commit/ca18afcd994bb3b56548b9c6e10e81907e2542ef))
-* i18n translated auth emails, request handlers, operations ([4c6847d](https://github.com/payloadcms/payload/commit/4c6847d303c38c34f31c1508ba52e80828aef733))
-* make translations for german language ([#1331](https://github.com/payloadcms/payload/issues/1331)) ([cdfcd0f](https://github.com/payloadcms/payload/commit/cdfcd0f216e40654234e331d47e47bd70f08c459))
-* make typescript interface configurable for globals and collections and default to slugs instead of labels ([1ecf2a9](https://github.com/payloadcms/payload/commit/1ecf2a9a06fa334dd9af31600bdefa73d9c0410b))
-* nav group translations ([a61748a](https://github.com/payloadcms/payload/commit/a61748a233f968c6b339d3816b0497a459791ac0))
 * simplifies collapsible label API, adds e2e tests ([d9df98f](https://github.com/payloadcms/payload/commit/d9df98ff22041908fc2ce0972c844116edd409be))
 * specifies component names for arrays/collapsibles, simplifies threaded data ([b74ea21](https://github.com/payloadcms/payload/commit/b74ea218ca47ce9db9d20586dbbce73e4ce0f917))
-* translation of elements ([3820840](https://github.com/payloadcms/payload/commit/382084051db5d09b95eef1731b3f94708c5caace))
-* translation of views ([9d966cf](https://github.com/payloadcms/payload/commit/9d966cf368a42254e0900f997f2def4a0d972b14))
-* translations upload and list ([3d88b61](https://github.com/payloadcms/payload/commit/3d88b618fa3bd5cc5288b05b6ffc1bc25caf9150))
-* translations: authentication, upload, edit, theme ([24d356e](https://github.com/payloadcms/payload/commit/24d356e3f662ad3288b17439b62fc8a6cf3d9552))
-* validation i18n ([cd38e9d](https://github.com/payloadcms/payload/commit/cd38e9d8ac4ea53112a698e5596f158b464354a0))
 
 
 ### BREAKING CHANGES
 
-* labels are no longer used for generating typescript interface names. To prevent breaking changes, set the property with the new configuration option
-* GraphQL queries and mutation names are no longer based on the labels and could change if you make use of labels that differ from the slug. Consider using new graphQL properties on collections and graphQLName on globals as a way to set the name explicitly to maintain existing GraphQL implementations.
+* If you assigned labels to collections, globals or block names, you need to update your config! Your GraphQL schema and generated Typescript interfaces may have changed. Payload no longer uses labels for code based naming. To prevent breaking changes to your GraphQL API and typescript types in your project, you can assign the below properties to match what Payload previously generated for you from labels.
+
+On Collections
+Use `graphQL.singularName`, `graphQL.pluralName` for GraphQL schema names.
+Use `typescript.interface` for typescript generation name.
+
+On Globals
+Use `graphQL.name` for GraphQL Schema name.
+Use `typescript.interface` for typescript generation name.
+
+On Blocks (within Block fields)
+Use `graphQL.singularName` for graphQL schema names.
 
 ## [1.1.26](https://github.com/payloadcms/payload/compare/v1.1.25...v1.1.26) (2022-11-15)
 

package/dist/admin/components/Routes.js

@@ -36,7 +36,7 @@ const Routes = () => {
         if (!userCollection.auth.disableLocalStrategy) {
             requests.get(`${routes.api}/${slug}/init`, {
                 headers: {
-                    'accept-language': i18n.language,
+                    'Accept-Language': i18n.language,
                 },
             }).then((res) => res.json().then((data) => {
                 if (data && 'initialized' in data) {

package/dist/admin/components/elements/Autosave/index.js

@@ -38,7 +38,7 @@ const Autosave = ({ collection, global, id, publishedDocUpdatedAt }) => {
             credentials: 'include',
             headers: {
                 'Content-Type': 'application/json',
-                'accept-language': i18n.language,
+                'Accept-Language': i18n.language,
             },
             body: JSON.stringify({}),
         });
@@ -87,7 +87,7 @@ const Autosave = ({ collection, global, id, publishedDocUpdatedAt }) => {
                             credentials: 'include',
                             headers: {
                                 'Content-Type': 'application/json',
-                                'accept-language': i18n.language,
+                                'Accept-Language': i18n.language,
                             },
                             body: JSON.stringify(body),
                         });

package/dist/admin/components/elements/DeleteDocument/index.js

@@ -32,6 +32,7 @@ const DeleteDocument = (props) => {
         requests.delete(`${serverURL}${api}/${slug}/${id}`, {
             headers: {
                 'Content-Type': 'application/json',
+                'Accept-Language': i18n.language,
             },
         }).then(async (res) => {
             try {

package/dist/admin/components/elements/DuplicateDocument/index.js

@@ -35,7 +35,7 @@ const Duplicate = ({ slug, collection, id }) => {
                     depth: 0,
                 },
                 headers: {
-                    'accept-language': i18n.language,
+                    'Accept-Language': i18n.language,
                 },
             });
             let data = await response.json();
@@ -48,7 +48,7 @@ const Duplicate = ({ slug, collection, id }) => {
             const result = await requests.post(`${serverURL}${api}/${slug}`, {
                 headers: {
                     'Content-Type': 'application/json',
-                    'accept-language': i18n.language,
+                    'Accept-Language': i18n.language,
                 },
                 body: JSON.stringify(data),
             });
@@ -74,7 +74,7 @@ const Duplicate = ({ slug, collection, id }) => {
                             depth: 0,
                         },
                         headers: {
-                            'accept-language': i18n.language,
+                            'Accept-Language': i18n.language,
                         },
                     });
                     let localizedDoc = await res.json();
@@ -87,7 +87,7 @@ const Duplicate = ({ slug, collection, id }) => {
                     const patchResult = await requests.patch(`${serverURL}${api}/${slug}/${duplicateID}?locale=${locale}`, {
                         headers: {
                             'Content-Type': 'application/json',
-                            'accept-language': i18n.language,
+                            'Accept-Language': i18n.language,
                         },
                         body: JSON.stringify(localizedDoc),
                     });
@@ -102,7 +102,7 @@ const Duplicate = ({ slug, collection, id }) => {
                 // delete the duplicate doc to prevent incomplete
                 await requests.delete(`${serverURL}${api}/${slug}/${id}`, {
                     headers: {
-                        'accept-language': i18n.language,
+                        'Accept-Language': i18n.language,
                     },
                 });
             }

package/dist/admin/components/elements/Status/index.js

@@ -19,7 +19,7 @@ const Status = () => {
     const [processing, setProcessing] = useState(false);
     const { reset: resetForm } = useForm();
     const locale = useLocale();
-    const { t } = useTranslation('version');
+    const { t, i18n } = useTranslation('version');
     const unPublishModalSlug = `confirm-un-publish-${id}`;
     const revertModalSlug = `confirm-revert-${id}`;
     let statusToRender;
@@ -56,6 +56,7 @@ const Status = () => {
         const res = await requests[method](url, {
             headers: {
                 'Content-Type': 'application/json',
+                'Accept-Language': i18n.language,
             },
             body: JSON.stringify(body),
         });
@@ -85,7 +86,7 @@ const Status = () => {
         if (action === 'unpublish') {
             toggleModal(unPublishModalSlug);
         }
-    }, [collection, global, publishedDoc, serverURL, api, id, locale, resetForm, getVersions, t, toggleModal, revertModalSlug, unPublishModalSlug]);
+    }, [collection, global, publishedDoc, serverURL, api, id, i18n, locale, resetForm, getVersions, t, toggleModal, revertModalSlug, unPublishModalSlug]);
     if (statusToRender) {
         return (React.createElement("div", { className: baseClass },
             React.createElement("div", { className: `${baseClass}__value-wrap` },

package/dist/admin/components/elements/WhereBuilder/Condition/Relationship/index.js

@@ -40,7 +40,7 @@ const RelationshipField = (props) => {
                     const response = await fetch(`${serverURL}${api}/${relation}?limit=${maxResultsPerRequest}&page=${lastLoadedPageToUse}&depth=0${searchParam}`, {
                         credentials: 'include',
                         headers: {
-                            'accept-language': i18n.language,
+                            'Accept-Language': i18n.language,
                         },
                     });
                     if (response.ok) {
@@ -121,7 +121,7 @@ const RelationshipField = (props) => {
             const response = await fetch(`${serverURL}${api}/${relation}/${id}?depth=0`, {
                 credentials: 'include',
                 headers: {
-                    'accept-language': i18n.language,
+                    'Accept-Language': i18n.language,
                 },
             });
             if (response.ok) {

package/dist/admin/components/forms/Form/buildStateFromSchema/addFieldStatePromise.d.ts

@@ -1,4 +1,4 @@
-import { i18n as Ii18n } from 'i18next';
+import type { TFunction } from 'i18next';
 import { User } from '../../../../../auth';
 import { NonPresentationalField } from '../../../../../fields/config/types';
 import { Fields, Data } from '../types';
@@ -14,7 +14,7 @@ declare type Args = {
     operation: 'create' | 'update';
     data: Data;
     fullData: Data;
-    i18n: Ii18n;
+    t: TFunction;
 };
-export declare const addFieldStatePromise: ({ field, locale, user, state, path, passesCondition, fullData, data, fieldPromises, id, operation, i18n, }: Args) => Promise<void>;
+export declare const addFieldStatePromise: ({ field, locale, user, state, path, passesCondition, fullData, data, fieldPromises, id, operation, t, }: Args) => Promise<void>;
 export {};

package/dist/admin/components/forms/Form/buildStateFromSchema/addFieldStatePromise.js

@@ -3,7 +3,7 @@ import ObjectID from 'bson-objectid';
 import { fieldAffectsData, fieldHasSubFields, tabHasName, } from '../../../../../fields/config/types';
 import getValueWithDefault from '../../../../../fields/getDefaultValue';
 import { iterateFields } from './iterateFields';
-export const addFieldStatePromise = async ({ field, locale, user, state, path, passesCondition, fullData, data, fieldPromises, id, operation, i18n, }) => {
+export const addFieldStatePromise = async ({ field, locale, user, state, path, passesCondition, fullData, data, fieldPromises, id, operation, t, }) => {
     var _a;
     if (fieldAffectsData(field)) {
         const fieldState = {
@@ -27,7 +27,7 @@ export const addFieldStatePromise = async ({ field, locale, user, state, path, p
                 siblingData: data,
                 id,
                 operation,
-                i18n,
+                t,
             });
         }
         if (typeof validationResult === 'string') {
@@ -59,7 +59,7 @@ export const addFieldStatePromise = async ({ field, locale, user, state, path, p
                         id,
                         locale,
                         operation,
-                        i18n,
+                        t,
                     });
                 });
                 // Add values to field state
@@ -105,7 +105,7 @@ export const addFieldStatePromise = async ({ field, locale, user, state, path, p
                             operation,
                             fieldPromises,
                             id,
-                            i18n,
+                            t,
                         });
                     }
                 });
@@ -132,7 +132,7 @@ export const addFieldStatePromise = async ({ field, locale, user, state, path, p
                     path: `${path}${field.name}.`,
                     locale,
                     user,
-                    i18n,
+                    t,
                 });
                 break;
             }
@@ -159,7 +159,7 @@ export const addFieldStatePromise = async ({ field, locale, user, state, path, p
             id,
             locale,
             operation,
-            i18n,
+            t,
         });
     }
     else if (field.type === 'tabs') {
@@ -176,7 +176,7 @@ export const addFieldStatePromise = async ({ field, locale, user, state, path, p
                 id,
                 locale,
                 operation,
-                i18n,
+                t,
             });
         });
     }

package/dist/admin/components/forms/Form/buildStateFromSchema/index.d.ts

@@ -1,4 +1,4 @@
-import { i18n as Ii18n } from 'i18next';
+import type { TFunction } from 'i18next';
 import { User } from '../../../../../auth';
 import { Field as FieldSchema } from '../../../../../fields/config/types';
 import { Fields, Data } from '../types';
@@ -10,7 +10,7 @@ declare type Args = {
     id?: string | number;
     operation?: 'create' | 'update';
     locale: string;
-    i18n: Ii18n;
+    t: TFunction;
 };
 declare const buildStateFromSchema: (args: Args) => Promise<Fields>;
 export default buildStateFromSchema;

package/dist/admin/components/forms/Form/buildStateFromSchema/index.js

@@ -1,6 +1,6 @@
 import { iterateFields } from './iterateFields';
 const buildStateFromSchema = async (args) => {
-    const { fieldSchema, data: fullData = {}, user, id, operation, locale, i18n, } = args;
+    const { fieldSchema, data: fullData = {}, user, id, operation, locale, t, } = args;
     if (fieldSchema) {
         const fieldPromises = [];
         const state = {};
@@ -16,7 +16,7 @@ const buildStateFromSchema = async (args) => {
             data: fullData,
             fullData,
             parentPassesCondition: true,
-            i18n,
+            t,
         });
         await Promise.all(fieldPromises);
         return state;

package/dist/admin/components/forms/Form/buildStateFromSchema/iterateFields.d.ts

@@ -1,4 +1,4 @@
-import { i18n as Ii18n } from 'i18next';
+import type { TFunction } from 'i18next';
 import { User } from '../../../../../auth';
 import { Field as FieldSchema } from '../../../../../fields/config/types';
 import { Fields, Data } from '../types';
@@ -14,7 +14,7 @@ declare type Args = {
     fieldPromises: Promise<void>[];
     id: string | number;
     operation: 'create' | 'update';
-    i18n: Ii18n;
+    t: TFunction;
 };
-export declare const iterateFields: ({ fields, data, parentPassesCondition, path, fullData, user, locale, operation, fieldPromises, id, state, i18n, }: Args) => void;
+export declare const iterateFields: ({ fields, data, parentPassesCondition, path, fullData, user, locale, operation, fieldPromises, id, state, t, }: Args) => void;
 export {};

package/dist/admin/components/forms/Form/buildStateFromSchema/iterateFields.js

@@ -1,6 +1,6 @@
 import { fieldIsPresentationalOnly, } from '../../../../../fields/config/types';
 import { addFieldStatePromise } from './addFieldStatePromise';
-export const iterateFields = ({ fields, data, parentPassesCondition, path = '', fullData, user, locale, operation, fieldPromises, id, state, i18n, }) => {
+export const iterateFields = ({ fields, data, parentPassesCondition, path = '', fullData, user, locale, operation, fieldPromises, id, state, t, }) => {
     fields.forEach((field) => {
         var _a, _b;
         const initialData = data;
@@ -18,7 +18,7 @@ export const iterateFields = ({ fields, data, parentPassesCondition, path = '',
                 field,
                 passesCondition,
                 data,
-                i18n,
+                t,
             }));
         }
     });

package/dist/admin/components/forms/Form/index.js

@@ -65,7 +65,7 @@ const Form = (props) => {
                         user,
                         id,
                         operation,
-                        i18n,
+                        t,
                     });
                 }
                 if (typeof validationResult === 'string') {
@@ -81,7 +81,7 @@ const Form = (props) => {
             dispatchFields({ type: 'REPLACE_STATE', state: validatedFieldState });
         }
         return isValid;
-    }, [contextRef, id, user, operation, i18n, dispatchFields]);
+    }, [contextRef, id, user, operation, t, dispatchFields]);
     const submit = useCallback(async (options = {}, e) => {
         const { overrides = {}, action: actionToUse = action, method: methodToUse = method, skipValidation, } = options;
         if (disabled) {
@@ -118,6 +118,9 @@ const Form = (props) => {
         try {
             const res = await requests[methodToUse.toLowerCase()](actionToUse, {
                 body: formData,
+                headers: {
+                    'Accept-Language': i18n.language,
+                },
             });
             setModified(false);
             if (typeof handleResponse === 'function') {
@@ -226,6 +229,7 @@ const Form = (props) => {
         onSuccess,
         redirect,
         t,
+        i18n,
         waitForAutocomplete,
     ]);
     const getFields = useCallback(() => contextRef.current.fields, [contextRef]);
@@ -252,10 +256,10 @@ const Form = (props) => {
         return formData;
     }, [contextRef]);
     const reset = useCallback(async (fieldSchema, data) => {
-        const state = await buildStateFromSchema({ fieldSchema, data, user, id, operation, locale, i18n });
+        const state = await buildStateFromSchema({ fieldSchema, data, user, id, operation, locale, t });
         contextRef.current = { ...initContextState };
         dispatchFields({ type: 'REPLACE_STATE', state });
-    }, [id, user, operation, locale, i18n, dispatchFields]);
+    }, [id, user, operation, locale, t, dispatchFields]);
     contextRef.current.submit = submit;
     contextRef.current.getFields = getFields;
     contextRef.current.getField = getField;

package/dist/admin/components/forms/field-types/Array/index.js

@@ -63,14 +63,14 @@ const ArrayFieldType = (props) => {
         disableFormData: (rows === null || rows === void 0 ? void 0 : rows.length) > 0,
     });
     const addRow = useCallback(async (rowIndex) => {
-        const subFieldState = await buildStateFromSchema({ fieldSchema: fields, operation, id, user, locale, i18n });
+        const subFieldState = await buildStateFromSchema({ fieldSchema: fields, operation, id, user, locale, t });
         dispatchFields({ type: 'ADD_ROW', rowIndex, subFieldState, path });
         dispatchRows({ type: 'ADD', rowIndex });
         setModified(true);
         setTimeout(() => {
             scrollToID(`${path}-row-${rowIndex + 1}`);
         }, 0);
-    }, [dispatchRows, dispatchFields, fields, path, operation, id, user, locale, setModified, i18n]);
+    }, [dispatchRows, dispatchFields, fields, path, operation, id, user, locale, setModified, t]);
     const duplicateRow = useCallback(async (rowIndex) => {
         dispatchFields({ type: 'DUPLICATE_ROW', rowIndex, path });
         dispatchRows({ type: 'ADD', rowIndex });

package/dist/admin/components/forms/field-types/Blocks/index.js

@@ -63,14 +63,14 @@ const BlocksField = (props) => {
     }, []);
     const addRow = useCallback(async (rowIndex, blockType) => {
         const block = blocks.find((potentialBlock) => potentialBlock.slug === blockType);
-        const subFieldState = await buildStateFromSchema({ fieldSchema: block.fields, operation, id, user, locale, i18n });
+        const subFieldState = await buildStateFromSchema({ fieldSchema: block.fields, operation, id, user, locale, t });
         dispatchFields({ type: 'ADD_ROW', rowIndex, subFieldState, path, blockType });
         dispatchRows({ type: 'ADD', rowIndex, blockType });
         setModified(true);
         setTimeout(() => {
             scrollToID(`${path}-row-${rowIndex + 1}`);
         }, 0);
-    }, [blocks, operation, id, user, locale, i18n, dispatchFields, path, setModified]);
+    }, [blocks, operation, id, user, locale, t, dispatchFields, path, setModified]);
     const duplicateRow = useCallback(async (rowIndex, blockType) => {
         dispatchFields({ type: 'DUPLICATE_ROW', rowIndex, path });
         dispatchRows({ type: 'ADD', rowIndex, blockType });

package/dist/admin/components/forms/field-types/Relationship/AddNew/Modal/index.js

@@ -29,11 +29,11 @@ export const AddNewRelationModal = ({ modalCollection, onSave, modalSlug }) => {
     const modalAction = `${serverURL}${api}/${modalCollection.slug}?locale=${locale}&depth=0&fallback-locale=null`;
     useEffect(() => {
         const buildState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema: modalCollection.fields, data: {}, user, operation: 'create', locale, i18n });
+            const state = await buildStateFromSchema({ fieldSchema: modalCollection.fields, data: {}, user, operation: 'create', locale, t });
             setInitialState(state);
         };
         buildState();
-    }, [modalCollection, locale, user, i18n]);
+    }, [modalCollection, locale, user, t]);
     useEffect(() => {
         setIsAnimated(true);
     }, []);

package/dist/admin/components/forms/field-types/Relationship/index.js

@@ -102,7 +102,7 @@ const Relationship = (props) => {
                     const response = await fetch(`${serverURL}${api}/${relation}?${qs.stringify(query)}`, {
                         credentials: 'include',
                         headers: {
-                            'accept-language': i18n.language,
+                            'Accept-Language': i18n.language,
                         },
                     });
                     if (response.ok) {
@@ -225,7 +225,7 @@ const Relationship = (props) => {
                         const response = await fetch(`${serverURL}${api}/${relation}?${qs.stringify(query)}`, {
                             credentials: 'include',
                             headers: {
-                                'accept-language': i18n.language,
+                                'Accept-Language': i18n.language,
                             },
                         });
                         const collection = collections.find((coll) => coll.slug === relation);

package/dist/admin/components/forms/field-types/RichText/elements/link/Button.js

@@ -19,7 +19,7 @@ export const LinkButton = ({ fieldProps }) => {
     var _a, _b;
     const customFieldSchema = (_b = (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.admin) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.fields;
     const modalSlug = `${baseModalSlug}-${fieldProps.path}`;
-    const { i18n } = useTranslation();
+    const { t } = useTranslation();
     const config = useConfig();
     const editor = useSlate();
     const { user } = useAuth();
@@ -61,7 +61,7 @@ export const LinkButton = ({ fieldProps }) => {
                         const data = {
                             text: editor.selection ? Editor.string(editor, editor.selection) : '',
                         };
-                        const state = await buildStateFromSchema({ fieldSchema, data, user, operation: 'create', locale, i18n });
+                        const state = await buildStateFromSchema({ fieldSchema, data, user, operation: 'create', locale, t });
                         setInitialState(state);
                     }
                 }

package/dist/admin/components/forms/field-types/RichText/elements/link/Element.js

@@ -25,7 +25,7 @@ export const LinkElement = ({ attributes, children, element, editorRef, fieldPro
     const config = useConfig();
     const { user } = useAuth();
     const locale = useLocale();
-    const { t, i18n } = useTranslation('fields');
+    const { t } = useTranslation('fields');
     const { openModal, toggleModal } = useModal();
     const [renderModal, setRenderModal] = useState(false);
     const [renderPopup, setRenderPopup] = useState(false);
@@ -67,11 +67,11 @@ export const LinkElement = ({ attributes, children, element, editorRef, fieldPro
                 newTab: element.newTab,
                 fields: deepCopyObject(element.fields),
             };
-            const state = await buildStateFromSchema({ fieldSchema, data, user, operation: 'update', locale, i18n });
+            const state = await buildStateFromSchema({ fieldSchema, data, user, operation: 'update', locale, t });
             setInitialState(state);
         };
         awaitInitialState();
-    }, [renderModal, element, fieldSchema, user, locale, i18n]);
+    }, [renderModal, element, fieldSchema, user, locale, t]);
     return (React.createElement("span", { className: baseClass, ...attributes },
         React.createElement("span", { style: { userSelect: 'none' }, contentEditable: false },
             renderModal && (React.createElement(EditModal, { modalSlug: modalSlug, fieldSchema: fieldSchema, close: () => {

package/dist/admin/components/forms/field-types/RichText/elements/relationship/Button/index.js

@@ -42,7 +42,7 @@ const RelationshipButton = ({ path }) => {
         setLoading(true);
         const res = await requests.get(`${serverURL}${api}/${relationTo}/${value}?depth=0`, {
             headers: {
-                'accept-language': i18n.language,
+                'Accept-Language': i18n.language,
             },
         });
         const json = await res.json();

package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/EditModal/index.js

@@ -31,11 +31,11 @@ export const EditModal = ({ slug, closeModal, relatedCollectionConfig, fieldSche
     }, [closeModal, editor, element]);
     useEffect(() => {
         const awaitInitialState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema, data: { ...(element === null || element === void 0 ? void 0 : element.fields) || {} }, user, operation: 'update', locale, i18n });
+            const state = await buildStateFromSchema({ fieldSchema, data: { ...(element === null || element === void 0 ? void 0 : element.fields) || {} }, user, operation: 'update', locale, t });
             setInitialState(state);
         };
         awaitInitialState();
-    }, [fieldSchema, element.fields, user, locale, i18n]);
+    }, [fieldSchema, element.fields, user, locale, t]);
     return (React.createElement(Modal, { slug: slug, className: baseClass },
         React.createElement(MinimalTemplate, { width: "wide" },
             React.createElement("header", { className: `${baseClass}__header` },

package/dist/admin/components/forms/field-types/Upload/Input.js

@@ -35,7 +35,7 @@ const UploadInput = (props) => {
                 const response = await fetch(`${serverURL}${api}/${relationTo}/${value}`, {
                     credentials: 'include',
                     headers: {
-                        'accept-language': i18n.language,
+                        'Accept-Language': i18n.language,
                     },
                 });
                 if (response.ok) {

package/dist/admin/components/forms/useField/index.js

@@ -15,7 +15,7 @@ const useField = (options) => {
     const operation = useOperation();
     const field = useFormFields(([fields]) => fields[path]);
     const dispatchField = useFormFields(([_, dispatch]) => dispatch);
-    const { i18n } = useTranslation();
+    const { t } = useTranslation();
     const { getData, getSiblingData, setModified } = useForm();
     const value = field === null || field === void 0 ? void 0 : field.value;
     const initialValue = field === null || field === void 0 ? void 0 : field.initialValue;
@@ -77,7 +77,7 @@ const useField = (options) => {
                 data: getData(),
                 siblingData: getSiblingData(path),
                 operation,
-                i18n,
+                t,
             };
             const validationResult = typeof validate === 'function' ? await validate(value, validateOptions) : true;
             if (typeof validationResult === 'string') {

package/dist/admin/components/utilities/Auth/index.js

@@ -27,7 +27,11 @@ export const AuthProvider = ({ children }) => {
         const remainingTime = (exp || 0) - now;
         if (exp && remainingTime < 120) {
             setTimeout(async () => {
-                const request = await requests.post(`${serverURL}${api}/${userSlug}/refresh-token`);
+                const request = await requests.post(`${serverURL}${api}/${userSlug}/refresh-token`, {
+                    headers: {
+                        'Accept-Language': i18n.language,
+                    },
+                });
                 if (request.status === 200) {
                     const json = await request.json();
                     setUser(json.user);
@@ -38,7 +42,7 @@ export const AuthProvider = ({ children }) => {
                 }
             }, 1000);
         }
-    }, [setUser, push, exp, admin, api, serverURL, userSlug]);
+    }, [exp, serverURL, api, userSlug, push, admin, logoutInactivityRoute, i18n]);
     const setToken = useCallback((token) => {
         const decoded = jwtDecode(token);
         setUser(decoded);
@@ -54,7 +58,7 @@ export const AuthProvider = ({ children }) => {
         const fetchMe = async () => {
             const request = await requests.get(`${serverURL}${api}/${userSlug}/me`, {
                 headers: {
-                    'accept-language': i18n.language,
+                    'Accept-Language': i18n.language,
                 },
             });
             if (request.status === 200) {
@@ -81,7 +85,7 @@ export const AuthProvider = ({ children }) => {
         async function getPermissions() {
             const request = await requests.get(`${serverURL}${api}/access`, {
                 headers: {
-                    'accept-language': i18n.language,
+                    'Accept-Language': i18n.language,
                 },
             });
             if (request.status === 200) {
@@ -122,7 +126,7 @@ export const AuthProvider = ({ children }) => {
             if (forceLogOut)
                 clearTimeout(forceLogOut);
         };
-    }, [exp, push, closeAllModals, admin]);
+    }, [exp, push, closeAllModals, admin, i18n, logoutInactivityRoute]);
     return (React.createElement(Context.Provider, { value: {
             user,
             logOut,