@umbraco-cms/backoffice 14.0.0-rc2 → 14.0.0-rc4

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

@@ -4,18 +4,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _UmbAppElement_instances, _UmbAppElement_authContext, _UmbAppElement_serverConnection, _UmbAppElement_authController, _UmbAppElement_setup, _UmbAppElement_setAuthStatus, _UmbAppElement_redirect, _UmbAppElement_isAuthorizedGuard, _UmbAppElement_errorPage;
 import { onInit } from '../../packages/core/entry-point.js';
 import { UmbAppContext } from './app.context.js';
 import { UmbServerConnection } from './server-connection.js';
@@ -29,6 +17,8 @@ import { OpenAPI, RuntimeLevelModel } from '../../external/backend-api/index.js'
 import { UmbContextDebugController } from '../../packages/core/debug/index.js';
 import { UmbBundleExtensionInitializer, UmbServerExtensionRegistrator } from '../../libs/extension-api/index.js';
 import { UmbAppEntryPointExtensionInitializer, umbExtensionsRegistry, } from '../../packages/core/extension-registry/index.js';
+import { filter, first, firstValueFrom } from '../../external/rxjs/index.js';
+import { retrieveStoredPath } from '../../packages/core/utils/index.js';
 let UmbAppElement = class UmbAppElement extends UmbLitElement {
     /**
      * The base URL of the configured Umbraco server.
@@ -42,9 +32,11 @@ let UmbAppElement = class UmbAppElement extends UmbLitElement {
     get serverUrl() {
         return OpenAPI.BASE;
     }
+    #authContext;
+    #serverConnection;
+    #authController;
     constructor() {
         super();
-        _UmbAppElement_instances.add(this);
         /**
          * The base path of the backoffice.
          *
@@ -64,152 +56,198 @@ let UmbAppElement = class UmbAppElement extends UmbLitElement {
                 path: 'install',
                 component: () => import('../installer/installer.element.js'),
             },
+            {
+                path: 'oauth_complete',
+                component: () => import('./app-error.element.js'),
+                setup: (component) => {
+                    if (!this.#authContext) {
+                        throw new Error('[Fatal] Auth context is not available');
+                    }
+                    const searchParams = new URLSearchParams(window.location.search);
+                    const hasCode = searchParams.has('code');
+                    component.hideBackButton = true;
+                    component.errorHeadline = this.localize.term('general_login');
+                    // If there is an opener, we are in a popup window, and we should show a different message
+                    // than if we are in the main window. If we are in the main window, we should redirect to the root.
+                    // The authorization request will be completed in the active window (main or popup) and the authorization signal will be sent.
+                    // If we are in a popup window, the storage event in UmbAuthContext will catch the signal and close the window.
+                    // If we are in the main window, the signal will be caught right here and the user will be redirected to the root.
+                    if (window.opener) {
+                        component.errorMessage = hasCode
+                            ? this.localize.term('errors_externalLoginSuccess')
+                            : this.localize.term('errors_externalLoginFailed');
+                    }
+                    else {
+                        component.errorMessage = hasCode
+                            ? this.localize.term('errors_externalLoginRedirectSuccess')
+                            : this.localize.term('errors_externalLoginFailed');
+                        this.observe(this.#authContext.authorizationSignal, () => {
+                            // Redirect to the saved state or root
+                            const url = retrieveStoredPath();
+                            const isBackofficePath = url?.pathname.startsWith(this.backofficePath) ?? true;
+                            if (isBackofficePath) {
+                                history.replaceState(null, '', url?.toString() ?? '');
+                            }
+                            else {
+                                window.location.href = url?.toString() ?? this.backofficePath;
+                            }
+                        });
+                    }
+                    // Complete the authorization request, which will send the authorization signal
+                    this.#authContext.completeAuthorizationRequest();
+                },
+            },
             {
                 path: 'upgrade',
                 component: () => import('../upgrader/upgrader.element.js'),
-                guards: [__classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_isAuthorizedGuard).call(this)],
+                guards: [this.#isAuthorizedGuard()],
+            },
+            {
+                path: 'preview',
+                component: () => import('../preview/preview.element.js'),
+                guards: [this.#isAuthorizedGuard()],
             },
             {
                 path: 'logout',
                 resolve: () => {
-                    __classPrivateFieldGet(this, _UmbAppElement_authContext, "f")?.clearTokenStorage();
-                    __classPrivateFieldGet(this, _UmbAppElement_authController, "f").makeAuthorizationRequest('loggedOut');
+                    this.#authContext?.clearTokenStorage();
+                    this.#authController.makeAuthorizationRequest('loggedOut');
+                    // Listen for the user to be authorized
+                    this.#authContext?.isAuthorized
+                        .pipe(filter((x) => !!x), first())
+                        .subscribe(() => {
+                        // Redirect to the root
+                        history.replaceState(null, '', '');
+                    });
                 },
             },
             {
                 path: '**',
                 component: () => import('../backoffice/backoffice.element.js'),
-                guards: [__classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_isAuthorizedGuard).call(this)],
+                guards: [this.#isAuthorizedGuard()],
             },
         ];
-        _UmbAppElement_authContext.set(this, void 0);
-        _UmbAppElement_serverConnection.set(this, void 0);
-        _UmbAppElement_authController.set(this, new UmbAppAuthController(this));
+        this.#authController = new UmbAppAuthController(this);
         OpenAPI.BASE = window.location.origin;
         new UmbBundleExtensionInitializer(this, umbExtensionsRegistry);
-        new UmbAppEntryPointExtensionInitializer(this, umbExtensionsRegistry);
         new UUIIconRegistryEssential().attach(this);
         new UmbContextDebugController(this);
     }
     connectedCallback() {
         super.connectedCallback();
-        __classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_setup).call(this);
-    }
-    render() {
-        return html `<umb-router-slot id="router-slot" .routes=${this._routes}></umb-router-slot>`;
+        this.#setup();
     }
-};
-_UmbAppElement_authContext = new WeakMap();
-_UmbAppElement_serverConnection = new WeakMap();
-_UmbAppElement_authController = new WeakMap();
-_UmbAppElement_instances = new WeakSet();
-_UmbAppElement_setup = async function _UmbAppElement_setup() {
-    __classPrivateFieldSet(this, _UmbAppElement_serverConnection, await new UmbServerConnection(this.serverUrl).connect(), "f");
-    __classPrivateFieldSet(this, _UmbAppElement_authContext, new UmbAuthContext(this, this.serverUrl, this.backofficePath, this.bypassAuth), "f");
-    new UmbAppContext(this, { backofficePath: this.backofficePath, serverUrl: this.serverUrl });
-    // Register Core extensions (this is specifically done here because we need these extensions to be registered before the application is initialized)
-    onInit(this, umbExtensionsRegistry);
-    // Register public extensions (login extensions)
-    await new UmbServerExtensionRegistrator(this, umbExtensionsRegistry).registerPublicExtensions();
-    // Try to initialise the auth flow and get the runtime status
-    try {
-        // If the runtime level is "install" we should clear any cached tokens
-        // else we should try and set the auth status
-        if (__classPrivateFieldGet(this, _UmbAppElement_serverConnection, "f").getStatus() === RuntimeLevelModel.INSTALL) {
-            await __classPrivateFieldGet(this, _UmbAppElement_authContext, "f").clearTokenStorage();
-        }
-        else {
-            await __classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_setAuthStatus).call(this);
+    async #setup() {
+        this.#serverConnection = await new UmbServerConnection(this.serverUrl).connect();
+        this.#authContext = new UmbAuthContext(this, this.serverUrl, this.backofficePath, this.bypassAuth);
+        new UmbAppContext(this, { backofficePath: this.backofficePath, serverUrl: this.serverUrl });
+        // Register Core extensions (this is specifically done here because we need these extensions to be registered before the application is initialized)
+        onInit(this, umbExtensionsRegistry);
+        // Register public extensions (login extensions)
+        await new UmbServerExtensionRegistrator(this, umbExtensionsRegistry).registerPublicExtensions();
+        const initializer = new UmbAppEntryPointExtensionInitializer(this, umbExtensionsRegistry);
+        await firstValueFrom(initializer.loaded);
+        // Try to initialise the auth flow and get the runtime status
+        try {
+            // If the runtime level is "install" or ?status=false is set, we should clear any cached tokens
+            // else we should try and set the auth status
+            const searchParams = new URLSearchParams(window.location.search);
+            if ((searchParams.has('status') && searchParams.get('status') === 'false') ||
+                this.#serverConnection.getStatus() === RuntimeLevelModel.INSTALL) {
+                await this.#authContext.clearTokenStorage();
+            }
+            else {
+                await this.#setAuthStatus();
+            }
+            // Initialise the router
+            this.#redirect();
         }
-        // Initialise the router
-        __classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_redirect).call(this);
-    }
-    catch (error) {
-        // If the auth flow fails, there is most likely something wrong with the connection to the backend server
-        // and we should redirect to the error page
-        let errorMsg = 'An error occurred while trying to initialize the connection to the Umbraco server (check console for details)';
-        // Get the type of the error and check http status codes
-        if (error instanceof Error) {
-            // If the error is a "TypeError" it means that the server is not reachable
-            if (error.name === 'TypeError') {
-                errorMsg = 'The Umbraco server is unreachable (check console for details)';
+        catch (error) {
+            // If the auth flow fails, there is most likely something wrong with the connection to the backend server
+            // and we should redirect to the error page
+            let errorMsg = 'An error occurred while trying to initialize the connection to the Umbraco server (check console for details)';
+            // Get the type of the error and check http status codes
+            if (error instanceof Error) {
+                // If the error is a "TypeError" it means that the server is not reachable
+                if (error.name === 'TypeError') {
+                    errorMsg = 'The Umbraco server is unreachable (check console for details)';
+                }
             }
+            // Log the error
+            console.error(errorMsg, error);
+            // Redirect to the error page
+            this.#errorPage(errorMsg, error);
         }
-        // Log the error
-        console.error(errorMsg, error);
-        // Redirect to the error page
-        __classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_errorPage).call(this, errorMsg, error);
     }
-};
-_UmbAppElement_setAuthStatus = 
-// TODO: move set initial auth state into auth context
-async function _UmbAppElement_setAuthStatus() {
-    if (this.bypassAuth)
-        return;
-    if (!__classPrivateFieldGet(this, _UmbAppElement_authContext, "f")) {
-        throw new Error('[Fatal] AuthContext requested before it was initialized');
-    }
-    // Get service configuration from authentication server
-    await __classPrivateFieldGet(this, _UmbAppElement_authContext, "f")?.setInitialState();
-    // Instruct all requests to use the auth flow to get and use the access_token for all subsequent requests
-    OpenAPI.TOKEN = () => __classPrivateFieldGet(this, _UmbAppElement_authContext, "f").getLatestToken();
-    OpenAPI.WITH_CREDENTIALS = true;
-};
-_UmbAppElement_redirect = function _UmbAppElement_redirect() {
-    // If there is a ?code parameter in the url, then we are in the middle of the oauth flow
-    // and we need to complete the login (the authorization notifier will redirect after this is done
-    // essentially hitting this method again)
-    const queryParams = new URLSearchParams(window.location.search);
-    if (queryParams.has('code')) {
-        __classPrivateFieldGet(this, _UmbAppElement_authContext, "f")?.completeAuthorizationRequest();
-        return;
+    // TODO: move set initial auth state into auth context
+    async #setAuthStatus() {
+        if (this.bypassAuth)
+            return;
+        if (!this.#authContext) {
+            throw new Error('[Fatal] AuthContext requested before it was initialized');
+        }
+        // Get service configuration from authentication server
+        await this.#authContext?.setInitialState();
+        // Instruct all requests to use the auth flow to get and use the access_token for all subsequent requests
+        OpenAPI.TOKEN = () => this.#authContext.getLatestToken();
+        OpenAPI.WITH_CREDENTIALS = true;
     }
-    switch (__classPrivateFieldGet(this, _UmbAppElement_serverConnection, "f")?.getStatus()) {
-        case RuntimeLevelModel.INSTALL:
-            history.replaceState(null, '', 'install');
-            break;
-        case RuntimeLevelModel.UPGRADE:
-            history.replaceState(null, '', 'upgrade');
-            break;
-        case RuntimeLevelModel.BOOT_FAILED:
-            __classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_errorPage).call(this, 'The Umbraco server failed to boot');
-            break;
-        case RuntimeLevelModel.RUN: {
-            const pathname = pathWithoutBasePath({ start: true, end: false });
-            // If we are on installer or upgrade page, redirect to the root since we are in the RUN state
-            if (pathname === '/install' || pathname === '/upgrade') {
-                history.replaceState(null, '', '/');
+    #redirect() {
+        const pathname = pathWithoutBasePath({ start: true, end: false });
+        // If we are on the oauth_complete or error page, we should not redirect
+        if (pathname === '/oauth_complete' || pathname === '/error') {
+            // Initialize the router
+            history.replaceState(null, '', location.href);
+            return;
+        }
+        switch (this.#serverConnection?.getStatus()) {
+            case RuntimeLevelModel.INSTALL:
+                history.replaceState(null, '', 'install');
+                break;
+            case RuntimeLevelModel.UPGRADE:
+                history.replaceState(null, '', 'upgrade');
+                break;
+            case RuntimeLevelModel.BOOT_FAILED:
+                this.#errorPage('The Umbraco server failed to boot');
+                break;
+            case RuntimeLevelModel.RUN: {
+                // If we are on installer or upgrade page, redirect to the root since we are in the RUN state
+                if (pathname === '/install' || pathname === '/upgrade') {
+                    history.replaceState(null, '', '/');
+                    break;
+                }
+                // Keep the current path but replace state anyway to initialize the router
+                // because the router will not initialize a wildcard route by itself
+                history.replaceState(null, '', location.href);
                 break;
             }
-            // Keep the current path but replace state anyway to initialize the router
-            // because the router will not initialize a wildcard route by itself
-            history.replaceState(null, '', location.href);
-            break;
+            default:
+                // Redirect to the error page
+                this.#errorPage(`Unsupported runtime level: ${this.#serverConnection?.getStatus()}`);
         }
-        default:
-            // Redirect to the error page
-            __classPrivateFieldGet(this, _UmbAppElement_instances, "m", _UmbAppElement_errorPage).call(this, `Unsupported runtime level: ${__classPrivateFieldGet(this, _UmbAppElement_serverConnection, "f")?.getStatus()}`);
     }
-};
-_UmbAppElement_isAuthorizedGuard = function _UmbAppElement_isAuthorizedGuard() {
-    return () => __classPrivateFieldGet(this, _UmbAppElement_authController, "f").isAuthorized() ?? false;
-};
-_UmbAppElement_errorPage = function _UmbAppElement_errorPage(errorMsg, error) {
-    // Redirect to the error page
-    this._routes = [
-        {
-            path: '**',
-            component: () => import('./app-error.element.js'),
-            setup: (component) => {
-                component.errorMessage = errorMsg;
-                component.error = error;
+    #isAuthorizedGuard() {
+        return () => this.#authController.isAuthorized() ?? false;
+    }
+    #errorPage(errorMsg, error) {
+        // Redirect to the error page
+        this._routes = [
+            {
+                path: '**',
+                component: () => import('./app-error.element.js'),
+                setup: (component) => {
+                    component.errorMessage = errorMsg;
+                    component.error = error;
+                },
             },
-        },
-    ];
-    // Re-render the router
-    this.requestUpdate();
-};
-UmbAppElement.styles = css `
+        ];
+        // Re-render the router
+        this.requestUpdate();
+    }
+    render() {
+        return html `<umb-router-slot id="router-slot" .routes=${this._routes}></umb-router-slot>`;
+    }
+    static { this.styles = css `
 		:host {
 			overflow: hidden;
 		}
@@ -220,7 +258,8 @@ UmbAppElement.styles = css `
 			width: 100%;
 			height: 100vh;
 		}
-	`;
+	`; }
+};
 __decorate([
     property({ type: String })
 ], UmbAppElement.prototype, "serverUrl", null);

package/dist-cms/apps/app/server-connection.js

@@ -1,33 +1,22 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbServerConnection_instances, _UmbServerConnection_url, _UmbServerConnection_status, _UmbServerConnection_isConnected, _UmbServerConnection_setStatus;
 import { RuntimeLevelModel, ServerService } from '../../external/backend-api/index.js';
 import { UmbBooleanState } from '../../libs/observable-api/index.js';
 import { tryExecute } from '../../packages/core/resources/index.js';
 export class UmbServerConnection {
+    #url;
+    #status;
+    #isConnected;
     constructor(serverUrl) {
-        _UmbServerConnection_instances.add(this);
-        _UmbServerConnection_url.set(this, void 0);
-        _UmbServerConnection_status.set(this, RuntimeLevelModel.UNKNOWN);
-        _UmbServerConnection_isConnected.set(this, new UmbBooleanState(false));
-        this.isConnected = __classPrivateFieldGet(this, _UmbServerConnection_isConnected, "f").asObservable();
-        __classPrivateFieldSet(this, _UmbServerConnection_url, serverUrl, "f");
+        this.#status = RuntimeLevelModel.UNKNOWN;
+        this.#isConnected = new UmbBooleanState(false);
+        this.isConnected = this.#isConnected.asObservable();
+        this.#url = serverUrl;
     }
     /**
      * Connects to the server.
      * @memberof UmbServerConnection
      */
     async connect() {
-        await __classPrivateFieldGet(this, _UmbServerConnection_instances, "m", _UmbServerConnection_setStatus).call(this);
+        await this.#setStatus();
         return this;
     }
     /**
@@ -36,7 +25,7 @@ export class UmbServerConnection {
      * @memberof UmbServerConnection
      */
     getUrl() {
-        return __classPrivateFieldGet(this, _UmbServerConnection_url, "f");
+        return this.#url;
     }
     /**
      * Gets the status of the server.
@@ -46,7 +35,7 @@ export class UmbServerConnection {
     getStatus() {
         if (!this.getIsConnected())
             throw new Error('Server is not connected. Remember to await connect()');
-        return __classPrivateFieldGet(this, _UmbServerConnection_status, "f");
+        return this.#status;
     }
     /**
      * Checks if the server is connected.
@@ -54,14 +43,14 @@ export class UmbServerConnection {
      * @memberof UmbServerConnection
      */
     getIsConnected() {
-        return __classPrivateFieldGet(this, _UmbServerConnection_isConnected, "f").getValue();
+        return this.#isConnected.getValue();
     }
-}
-_UmbServerConnection_url = new WeakMap(), _UmbServerConnection_status = new WeakMap(), _UmbServerConnection_isConnected = new WeakMap(), _UmbServerConnection_instances = new WeakSet(), _UmbServerConnection_setStatus = async function _UmbServerConnection_setStatus() {
-    const { data, error } = await tryExecute(ServerService.getServerStatus());
-    if (error) {
-        throw error;
+    async #setStatus() {
+        const { data, error } = await tryExecute(ServerService.getServerStatus());
+        if (error) {
+            throw error;
+        }
+        this.#isConnected.setValue(true);
+        this.#status = data?.serverStatus ?? RuntimeLevelModel.UNKNOWN;
     }
-    __classPrivateFieldGet(this, _UmbServerConnection_isConnected, "f").setValue(true);
-    __classPrivateFieldSet(this, _UmbServerConnection_status, data?.serverStatus ?? RuntimeLevelModel.UNKNOWN, "f");
-};
+}

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

@@ -1,9 +1,3 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbBackofficeContext_instances, _UmbBackofficeContext_activeSectionAlias, _UmbBackofficeContext_allowedSections, _UmbBackofficeContext_verison, _UmbBackofficeContext_getVersion;
 import { tryExecute } from '../../packages/core/resources/index.js';
 import { ServerService } from '../../external/backend-api/index.js';
 import { UmbBasicState, UmbStringState } from '../../libs/observable-api/index.js';
@@ -11,35 +5,46 @@ import { UmbContextToken } from '../../libs/context-api/index.js';
 import { UmbContextBase } from '../../libs/class-api/index.js';
 import { UmbExtensionsManifestInitializer } from '../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../packages/core/extension-registry/index.js';
+import { UMB_AUTH_CONTEXT } from '../../packages/core/auth/index.js';
 export class UmbBackofficeContext extends UmbContextBase {
+    #activeSectionAlias;
+    // TODO: We need a class array state:
+    #allowedSections;
+    #verison;
     constructor(host) {
         super(host, UMB_BACKOFFICE_CONTEXT);
-        _UmbBackofficeContext_instances.add(this);
-        _UmbBackofficeContext_activeSectionAlias.set(this, new UmbStringState(undefined));
-        this.activeSectionAlias = __classPrivateFieldGet(this, _UmbBackofficeContext_activeSectionAlias, "f").asObservable();
+        this.#activeSectionAlias = new UmbStringState(undefined);
+        this.activeSectionAlias = this.#activeSectionAlias.asObservable();
         // TODO: We need a class array state:
-        _UmbBackofficeContext_allowedSections.set(this, new UmbBasicState([]));
-        this.allowedSections = __classPrivateFieldGet(this, _UmbBackofficeContext_allowedSections, "f").asObservable();
-        _UmbBackofficeContext_verison.set(this, new UmbStringState(undefined));
-        this.version = __classPrivateFieldGet(this, _UmbBackofficeContext_verison, "f").asObservable();
+        this.#allowedSections = new UmbBasicState([]);
+        this.allowedSections = this.#allowedSections.asObservable();
+        this.#verison = new UmbStringState(undefined);
+        this.version = this.#verison.asObservable();
         new UmbExtensionsManifestInitializer(this, umbExtensionsRegistry, 'section', null, (sections) => {
-            __classPrivateFieldGet(this, _UmbBackofficeContext_allowedSections, "f").setValue([...sections]);
+            this.#allowedSections.setValue([...sections]);
         });
-        __classPrivateFieldGet(this, _UmbBackofficeContext_instances, "m", _UmbBackofficeContext_getVersion).call(this);
+        // 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;
+                this.#getVersion();
+            });
+        });
+    }
+    async #getVersion() {
+        const { data } = await tryExecute(ServerService.getServerInformation());
+        if (!data)
+            return;
+        // A quick semver parser (to remove the unwanted bits) [LK]
+        // https://semver.org/#is-there-a-suggested-regular-expression-regex-to-check-a-semver-string
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const [semVer, major, minor, patch, prerelease, buildmetadata] = data.version.match(/^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/) ?? [];
+        const version = [major, minor, patch].join('.') + (prerelease ? `-${prerelease}` : '');
+        this.#verison.setValue(version);
     }
     setActiveSectionAlias(alias) {
-        __classPrivateFieldGet(this, _UmbBackofficeContext_activeSectionAlias, "f").setValue(alias);
+        this.#activeSectionAlias.setValue(alias);
     }
 }
-_UmbBackofficeContext_activeSectionAlias = new WeakMap(), _UmbBackofficeContext_allowedSections = new WeakMap(), _UmbBackofficeContext_verison = new WeakMap(), _UmbBackofficeContext_instances = new WeakSet(), _UmbBackofficeContext_getVersion = async function _UmbBackofficeContext_getVersion() {
-    const { data } = await tryExecute(ServerService.getServerInformation());
-    if (!data)
-        return;
-    // A quick semver parser (to remove the unwanted bits) [LK]
-    // https://semver.org/#is-there-a-suggested-regular-expression-regex-to-check-a-semver-string
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const [semVer, major, minor, patch, prerelease, buildmetadata] = data.version.match(/^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/) ?? [];
-    const version = [major, minor, patch].join('.') + (prerelease ? `-${prerelease}` : '');
-    __classPrivateFieldGet(this, _UmbBackofficeContext_verison, "f").setValue(version);
-};
 export const UMB_BACKOFFICE_CONTEXT = new UmbContextToken('UmbBackofficeContext');

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

@@ -9,14 +9,13 @@ import { css, html, customElement } from '../../external/lit/index.js';
 import { UmbBackofficeEntryPointExtensionInitializer, UmbEntryPointExtensionInitializer, umbExtensionsRegistry, } from '../../packages/core/extension-registry/index.js';
 import { UmbServerExtensionRegistrator } from '../../libs/extension-api/index.js';
 import { UmbLitElement } from '../../packages/core/lit-element/index.js';
+import { UMB_AUTH_CONTEXT } from '../../packages/core/auth/index.js';
 import './components/index.js';
 const CORE_PACKAGES = [
-    import('../../packages/audit-log/umbraco-package.js'),
     import('../../packages/block/umbraco-package.js'),
     import('../../packages/data-type/umbraco-package.js'),
     import('../../packages/dictionary/umbraco-package.js'),
     import('../../packages/documents/umbraco-package.js'),
-    import('../../packages/dynamic-root/umbraco-package.js'),
     import('../../packages/health-check/umbraco-package.js'),
     import('../../packages/language/umbraco-package.js'),
     import('../../packages/log-viewer/umbraco-package.js'),
@@ -24,6 +23,7 @@ const CORE_PACKAGES = [
     import('../../packages/media/umbraco-package.js'),
     import('../../packages/members/umbraco-package.js'),
     import('../../packages/models-builder/umbraco-package.js'),
+    import('../../packages/multi-url-picker/umbraco-package.js'),
     import('../../packages/packages/umbraco-package.js'),
     import('../../packages/property-editors/umbraco-package.js'),
     import('../../packages/relations/umbraco-package.js'),
@@ -53,7 +53,15 @@ let UmbBackofficeElement = class UmbBackofficeElement extends UmbLitElement {
             const packageModule = await packageImport;
             umbExtensionsRegistry.registerMany(packageModule.extensions);
         });
-        new UmbServerExtensionRegistrator(this, umbExtensionsRegistry).registerPrivateExtensions();
+        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();
+            });
+        });
     }
     render() {
         return html `
@@ -62,9 +70,8 @@ let UmbBackofficeElement = class UmbBackofficeElement extends UmbLitElement {
 			<slot></slot>
 		`;
     }
-};
-UmbBackofficeElement.styles = [
-    css `
+    static { this.styles = [
+        css `
 			:host {
 				display: flex;
 				flex-direction: column;
@@ -75,7 +82,8 @@ UmbBackofficeElement.styles = [
 				box-sizing: border-box;
 			}
 		`,
-];
+    ]; }
+};
 UmbBackofficeElement = __decorate([
     customElement('umb-backoffice')
 ], UmbBackofficeElement);

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

@@ -9,16 +9,16 @@ let UmbBackofficeHeaderAppsElement = class UmbBackofficeHeaderAppsElement extend
     render() {
         return html ` <umb-extension-slot id="apps" type="headerApp"></umb-extension-slot> `;
     }
-};
-UmbBackofficeHeaderAppsElement.styles = [
-    css `
+    static { this.styles = [
+        css `
 			#apps {
 				display: flex;
 				align-items: center;
 				gap: var(--uui-size-space-2);
 			}
 		`,
-];
+    ]; }
+};
 UmbBackofficeHeaderAppsElement = __decorate([
     customElement('umb-backoffice-header-apps')
 ], UmbBackofficeHeaderAppsElement);