@umbraco-cms/backoffice 16.0.0 → 16.1.0-rc

package/dist-cms/apps/app/app-auth.controller.js

@@ -14,6 +14,7 @@ export class UmbAppAuthController extends UmbControllerBase {
             this.#authContext = context;
             // Observe the user's authorization state and start the authorization flow if the user is not authorized
             this.observe(context?.timeoutSignal, () => {
+                console.log('[UmbAppAuthController] Authorization timed out, starting authorization flow');
                 this.makeAuthorizationRequest('timedOut');
             }, '_authState');
         }).asPromise({ preventTimeout: true });

package/dist-cms/apps/backoffice/backoffice.element.d.ts

@@ -1,12 +1,14 @@
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import './components/index.js';
 export declare class UmbBackofficeElement extends UmbLitElement {
+    #private;
     /**
      * Backoffice extension registry.
      * This enables to register and unregister extensions via DevTools, or just via querying this element via the DOM.
      */
     extensionRegistry: import("@umbraco-cms/backoffice/extension-registry").UmbBackofficeExtensionRegistry;
     constructor();
+    firstUpdated(): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
     static readonly styles: import("lit").CSSResult[];
 }

package/dist-cms/apps/backoffice/backoffice.element.js

@@ -61,20 +61,22 @@ let UmbBackofficeElement = class UmbBackofficeElement extends UmbLitElement {
         new UmbBackofficeContext(this);
         new UmbBackofficeEntryPointExtensionInitializer(this, umbExtensionsRegistry);
         new UmbEntryPointExtensionInitializer(this, umbExtensionsRegistry);
-        // So far local packages are this simple to registerer, so no need for a manager to do that:
+    }
+    async firstUpdated() {
+        await this.#extensionsAfterAuth();
+        // So far local packages are this simple to register, so no need for a manager to do that:
         CORE_PACKAGES.forEach(async (packageImport) => {
             const packageModule = await packageImport;
             umbExtensionsRegistry.registerMany(packageModule.extensions);
         });
-        const serverExtensions = new UmbServerExtensionRegistrator(this, umbExtensionsRegistry);
-        // TODO: We need to ensure this request is called every time the user logs in, but this should be done somewhere across the app and not here [JOV]
-        this.consumeContext(UMB_AUTH_CONTEXT, (authContext) => {
-            this.observe(authContext?.isAuthorized, (isAuthorized) => {
-                if (!isAuthorized)
-                    return;
-                serverExtensions.registerPrivateExtensions();
-            });
-        });
+    }
+    async #extensionsAfterAuth() {
+        const authContext = await this.getContext(UMB_AUTH_CONTEXT, { preventTimeout: true });
+        if (!authContext) {
+            throw new Error('UmbBackofficeElement requires the UMB_AUTH_CONTEXT to be set.');
+        }
+        await this.observe(authContext.isAuthorized).asPromise();
+        await new UmbServerExtensionRegistrator(this, umbExtensionsRegistry).registerPrivateExtensions();
     }
     render() {
         return html `

package/dist-cms/assets/lang/da.js

@@ -53,6 +53,7 @@ export default {
         editContent: 'Rediger indhold',
         chooseWhereToImport: 'Vælg hvor du vil importere',
         viewActionsFor: (name) => (name ? `Se handlinger for '${name}'` : 'Se handlinger'),
+        loadMore: 'Indlæs flere',
     },
     actionCategories: {
         content: 'Indhold',
@@ -315,6 +316,24 @@ export default {
         duplicateBlueprintMessage: 'En anden indholdsskabelon med samme navn eksisterer allerede',
         blueprintDescription: 'En indholdskabelon er foruddefineret indhold, som en redaktør kan vælge at bruge\n      som grundlag for at oprette nyt indhold\n    ',
     },
+    entityDetail: {
+        notFoundTitle: (entityType) => {
+            const entityName = entityType ?? 'Elementet';
+            return `${entityName} blev ikke fundet`;
+        },
+        notFoundDescription: (entityType) => {
+            const entityName = entityType ?? 'element';
+            return `Den/det ønskede ${entityName} kunne ikke findes. Dette kan skyldes, at den/det er blevet slettet, eller at du ikke har adgang. Kontakt din administrator for hjælp.`;
+        },
+        forbiddenTitle: (entityType) => {
+            const entityName = entityType ?? 'Elementet';
+            return `${entityName} er ikke tilgængelig`;
+        },
+        forbiddenDescription: (entityType) => {
+            const entityName = entityType ?? 'element';
+            return `Du har ikke adgang til den/det ønskede ${entityName}. Kontakt din administrator for hjælp.`;
+        },
+    },
     media: {
         clickToUpload: 'Klik for at uploade',
         orClickHereToUpload: 'eller klik her for at vælge filer',
@@ -2398,6 +2417,8 @@ export default {
     routing: {
         routeNotFoundTitle: 'Ikke fundet',
         routeNotFoundDescription: 'Den side du leder efter kunne ikke findes. Kontroller adressen og prøv igen.',
+        routeForbiddenTitle: 'Adgang nægtet',
+        routeForbiddenDescription: 'Du har ikke tilladelse til at få adgang til denne ressource. Kontakt venligst din administrator for hjælp.',
     },
     codeEditor: {
         label: 'Code editor',

package/dist-cms/assets/lang/da.ts

@@ -65,6 +65,7 @@ export default {
 		editContent: 'Rediger indhold',
 		chooseWhereToImport: 'Vælg hvor du vil importere',
 		viewActionsFor: (name) => (name ? `Se handlinger for '${name}'` : 'Se handlinger'),
+		loadMore: 'Indlæs flere',
 	},
 	actionCategories: {
 		content: 'Indhold',
@@ -342,6 +343,24 @@ export default {
 		blueprintDescription:
 			'En indholdskabelon er foruddefineret indhold, som en redaktør kan vælge at bruge\n      som grundlag for at oprette nyt indhold\n    ',
 	},
+	entityDetail: {
+		notFoundTitle: (entityType: string) => {
+			const entityName = entityType ?? 'Elementet';
+			return `${entityName} blev ikke fundet`;
+		},
+		notFoundDescription: (entityType: string) => {
+			const entityName = entityType ?? 'element';
+			return `Den/det ønskede ${entityName} kunne ikke findes. Dette kan skyldes, at den/det er blevet slettet, eller at du ikke har adgang. Kontakt din administrator for hjælp.`;
+		},
+		forbiddenTitle: (entityType: string) => {
+			const entityName = entityType ?? 'Elementet';
+			return `${entityName} er ikke tilgængelig`;
+		},
+		forbiddenDescription: (entityType: string) => {
+			const entityName = entityType ?? 'element';
+			return `Du har ikke adgang til den/det ønskede ${entityName}. Kontakt din administrator for hjælp.`;
+		},
+	},
 	media: {
 		clickToUpload: 'Klik for at uploade',
 		orClickHereToUpload: 'eller klik her for at vælge filer',
@@ -2605,6 +2624,9 @@ export default {
 	routing: {
 		routeNotFoundTitle: 'Ikke fundet',
 		routeNotFoundDescription: 'Den side du leder efter kunne ikke findes. Kontroller adressen og prøv igen.',
+		routeForbiddenTitle: 'Adgang nægtet',
+		routeForbiddenDescription:
+			'Du har ikke tilladelse til at få adgang til denne ressource. Kontakt venligst din administrator for hjælp.',
 	},
 	codeEditor: {
 		label: 'Code editor',

package/dist-cms/assets/lang/de.js

@@ -317,6 +317,24 @@ export default {
         duplicateBlueprintMessage: 'Eine gleichnamige Inhaltsvorlage ist bereits vorhanden',
         blueprintDescription: 'Eine Inhaltsvorlage ist vordefinierter Inhalt,\n      den ein Redakteur als Basis für neuen Inhalt verwenden kann\n    ',
     },
+    entityDetail: {
+        notFoundTitle: (entityType) => {
+            const entityName = entityType ?? 'Element';
+            return `${entityName} nicht gefunden`;
+        },
+        notFoundDescription: (entityType) => {
+            const entityName = entityType ?? 'element';
+            return `Der angeforderte ${entityName} konnte nicht gefunden werden. Bitte überprüfen Sie die URL und versuchen Sie es erneut.`;
+        },
+        forbiddenTitle: (entityType) => {
+            const entityName = entityType ?? 'Element';
+            return `${entityName} nicht verfügbar`;
+        },
+        forbiddenDescription: (entityType) => {
+            const entityName = entityType ?? 'dieses Element';
+            return `Sie haben keine Berechtigung, auf ${entityName} zuzugreifen. Bitte wenden Sie sich an Ihren Administrator, um Unterstützung zu erhalten.`;
+        },
+    },
     media: {
         clickToUpload: 'Für Upload klicken',
         orClickHereToUpload: 'oder klicken Sie hier um eine Datei zu wählen',
@@ -1826,4 +1844,10 @@ export default {
         searchResult: 'Element zurückgegeben',
         searchResults: 'Elemente zurückgegeben',
     },
+    routing: {
+        routeNotFoundTitle: 'Seite wurde nicht gefunden',
+        routeNotFoundDescription: 'Die angeforderte Seite konnte nicht gefunden werden. Bitte überprüfen Sie die URL und versuchen Sie es erneut.',
+        routeForbiddenTitle: 'Zugriff verweigert',
+        routeForbiddenDescription: 'Sie haben keine Berechtigung, auf diese Seite zuzugreifen. Bitte wenden Sie sich an Ihren Administrator, um Unterstützung zu erhalten.',
+    },
 };

package/dist-cms/assets/lang/de.ts

@@ -344,6 +344,24 @@ export default {
 		blueprintDescription:
 			'Eine Inhaltsvorlage ist vordefinierter Inhalt,\n      den ein Redakteur als Basis für neuen Inhalt verwenden kann\n    ',
 	},
+	entityDetail: {
+		notFoundTitle: (entityType: string) => {
+			const entityName = entityType ?? 'Element';
+			return `${entityName} nicht gefunden`;
+		},
+		notFoundDescription: (entityType: string) => {
+			const entityName = entityType ?? 'element';
+			return `Der angeforderte ${entityName} konnte nicht gefunden werden. Bitte überprüfen Sie die URL und versuchen Sie es erneut.`;
+		},
+		forbiddenTitle: (entityType: string) => {
+			const entityName = entityType ?? 'Element';
+			return `${entityName} nicht verfügbar`;
+		},
+		forbiddenDescription: (entityType: string) => {
+			const entityName = entityType ?? 'dieses Element';
+			return `Sie haben keine Berechtigung, auf ${entityName} zuzugreifen. Bitte wenden Sie sich an Ihren Administrator, um Unterstützung zu erhalten.`;
+		},
+	},
 	media: {
 		clickToUpload: 'Für Upload klicken',
 		orClickHereToUpload: 'oder klicken Sie hier um eine Datei zu wählen',
@@ -2007,4 +2025,12 @@ export default {
 		searchResult: 'Element zurückgegeben',
 		searchResults: 'Elemente zurückgegeben',
 	},
+	routing: {
+		routeNotFoundTitle: 'Seite wurde nicht gefunden',
+		routeNotFoundDescription:
+			'Die angeforderte Seite konnte nicht gefunden werden. Bitte überprüfen Sie die URL und versuchen Sie es erneut.',
+		routeForbiddenTitle: 'Zugriff verweigert',
+		routeForbiddenDescription:
+			'Sie haben keine Berechtigung, auf diese Seite zuzugreifen. Bitte wenden Sie sich an Ihren Administrator, um Unterstützung zu erhalten.',
+	},
 } as UmbLocalizationDictionary;

package/dist-cms/assets/lang/en.js

@@ -61,6 +61,7 @@ export default {
         wasDeleted: 'was deleted',
         wasMovedTo: 'was moved to',
         viewActionsFor: (name) => (name ? `View actions for '${name}'` : 'View actions'),
+        loadMore: 'Load more',
     },
     actionCategories: {
         content: 'Content',
@@ -350,6 +351,14 @@ export default {
             const entityName = entityType ?? 'item';
             return `The requested ${entityName} could not be found. Please check the URL and try again.`;
         },
+        forbiddenTitle: (entityType) => {
+            const entityName = entityType ?? 'item';
+            return `Access denied to this ${entityName}`;
+        },
+        forbiddenDescription: (entityType) => {
+            const entityName = entityType ?? 'item';
+            return `You do not have permission to access this ${entityName}. Please contact your administrator for assistance.`;
+        },
     },
     media: {
         clickToUpload: 'Click to upload',
@@ -2534,6 +2543,8 @@ export default {
     routing: {
         routeNotFoundTitle: 'Not found',
         routeNotFoundDescription: 'The requested route could not be found. Please check the URL and try again.',
+        routeForbiddenTitle: 'Access denied',
+        routeForbiddenDescription: 'You do not have permission to access this resource. Please contact your administrator for assistance.',
     },
     codeEditor: {
         label: 'Code editor',

package/dist-cms/assets/lang/en.ts

@@ -73,6 +73,7 @@ export default {
 		wasDeleted: 'was deleted',
 		wasMovedTo: 'was moved to',
 		viewActionsFor: (name) => (name ? `View actions for '${name}'` : 'View actions'),
+		loadMore: 'Load more',
 	},
 	actionCategories: {
 		content: 'Content',
@@ -373,6 +374,14 @@ export default {
 			const entityName = entityType ?? 'item';
 			return `The requested ${entityName} could not be found. Please check the URL and try again.`;
 		},
+		forbiddenTitle: (entityType: string) => {
+			const entityName = entityType ?? 'item';
+			return `Access denied to this ${entityName}`;
+		},
+		forbiddenDescription: (entityType: string) => {
+			const entityName = entityType ?? 'item';
+			return `You do not have permission to access this ${entityName}. Please contact your administrator for assistance.`;
+		},
 	},
 	media: {
 		clickToUpload: 'Click to upload',
@@ -2735,6 +2744,9 @@ export default {
 	routing: {
 		routeNotFoundTitle: 'Not found',
 		routeNotFoundDescription: 'The requested route could not be found. Please check the URL and try again.',
+		routeForbiddenTitle: 'Access denied',
+		routeForbiddenDescription:
+			'You do not have permission to access this resource. Please contact your administrator for assistance.',
 	},
 	codeEditor: {
 		label: 'Code editor',