@umbraco-cms/backoffice 15.4.0-rc → 16.0.0-rc

package/dist-cms/apps/app/app-auth.controller.d.ts

@@ -1,6 +1,6 @@
-import { type UmbUserLoginState } from '../../packages/core/auth/index.js';
-import { UmbControllerBase } from '../../libs/class-api/index.js';
-import type { UmbControllerHost } from '../../libs/controller-api/index.js';
+import { type UmbUserLoginState } from '@umbraco-cms/backoffice/auth';
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
 export declare class UmbAppAuthController extends UmbControllerBase {
     #private;
     constructor(host: UmbControllerHost);

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

@@ -1,27 +1,29 @@
-import { UMB_AUTH_CONTEXT, UMB_MODAL_APP_AUTH } from '../../packages/core/auth/index.js';
-import { UmbControllerBase } from '../../libs/class-api/index.js';
-import { firstValueFrom } from '../../external/rxjs/index.js';
-import { umbExtensionsRegistry } from '../../packages/core/extension-registry/index.js';
-import { UMB_MODAL_MANAGER_CONTEXT } from '../../packages/core/modal/index.js';
-import { setStoredPath } from '../../packages/core/utils/index.js';
+import { UMB_AUTH_CONTEXT, UMB_MODAL_APP_AUTH } from '@umbraco-cms/backoffice/auth';
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import { firstValueFrom } from '@umbraco-cms/backoffice/external/rxjs';
+import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
+import { UMB_MODAL_MANAGER_CONTEXT } from '@umbraco-cms/backoffice/modal';
+import { setStoredPath } from '@umbraco-cms/backoffice/utils';
 export class UmbAppAuthController extends UmbControllerBase {
+    #retrievedModal;
     #authContext;
     #isFirstCheck = true;
     constructor(host) {
         super(host);
-        this.consumeContext(UMB_AUTH_CONTEXT, (context) => {
+        this.#retrievedModal = this.consumeContext(UMB_AUTH_CONTEXT, (context) => {
             this.#authContext = context;
             // Observe the user's authorization state and start the authorization flow if the user is not authorized
-            this.observe(context.timeoutSignal, () => {
+            this.observe(context?.timeoutSignal, () => {
                 this.makeAuthorizationRequest('timedOut');
             }, '_authState');
-        });
+        }).asPromise({ preventTimeout: true });
     }
     /**
      * Checks if the user is authorized.
      * If not, the authorization flow is started.
      */
     async isAuthorized() {
+        await this.#retrievedModal.catch(() => undefined);
         if (!this.#authContext) {
             throw new Error('[Fatal] Auth context is not available');
         }
@@ -50,6 +52,7 @@ export class UmbAppAuthController extends UmbControllerBase {
      * @param userLoginState
      */
     async makeAuthorizationRequest(userLoginState = 'loggingIn') {
+        await this.#retrievedModal.catch(() => undefined);
         if (!this.#authContext) {
             throw new Error('[Fatal] Auth context is not available');
         }
@@ -88,12 +91,16 @@ export class UmbAppAuthController extends UmbControllerBase {
         return this.#updateState();
     }
     async #showLoginModal(userLoginState) {
+        await this.#retrievedModal.catch(() => undefined);
         if (!this.#authContext) {
             throw new Error('[Fatal] Auth context is not available');
         }
         // Show the provider selection screen
         const authModalKey = 'umbAuthModal';
         const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
+        if (!modalManager) {
+            throw new Error('[Fatal] Modal manager is not available');
+        }
         const selected = await modalManager
             .open(this._host, UMB_MODAL_APP_AUTH, {
             data: {

package/dist-cms/apps/app/app-error.element.d.ts

@@ -1,4 +1,4 @@
-import { UmbLitElement } from '../../packages/core/lit-element/index.js';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 /**
  * A full page error element that can be used either solo or for instance as the error 500 page and BootFailed
  */

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

@@ -4,9 +4,9 @@ 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;
 };
-import { css, html, nothing, customElement, property } from '../../external/lit/index.js';
-import { UmbLitElement } from '../../packages/core/lit-element/index.js';
-import { UmbTextStyles } from '../../packages/core/style/index.js';
+import { css, html, nothing, customElement, property } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 /**
  * A full page error element that can be used either solo or for instance as the error 500 page and BootFailed
  */
@@ -227,7 +227,7 @@ __decorate([
     property()
 ], UmbAppErrorElement.prototype, "errorMessage", void 0);
 __decorate([
-    property()
+    property({ attribute: false })
 ], UmbAppErrorElement.prototype, "error", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'hide-back-button' })

package/dist-cms/apps/app/app-logo.element.d.ts

@@ -1,5 +1,5 @@
-import { nothing } from '../../external/lit/index.js';
-import { UmbLitElement } from '../../packages/core/lit-element/index.js';
+import { nothing } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 export declare class UmbAppLogoElement extends UmbLitElement {
     /**
      * The loading attribute of the image.

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

@@ -4,10 +4,10 @@ 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;
 };
-import { UMB_APP_CONTEXT } from './app.context.js';
-import { customElement, html, nothing, property, state } from '../../external/lit/index.js';
-import { UmbLitElement } from '../../packages/core/lit-element/index.js';
-import { UMB_THEME_CONTEXT } from '../../packages/core/themes/index.js';
+import { customElement, html, nothing, property, state } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { UMB_SERVER_CONTEXT } from '@umbraco-cms/backoffice/server';
+import { UMB_THEME_CONTEXT } from '@umbraco-cms/backoffice/themes';
 let UmbAppLogoElement = class UmbAppLogoElement extends UmbLitElement {
     constructor() {
         super();
@@ -23,11 +23,11 @@ let UmbAppLogoElement = class UmbAppLogoElement extends UmbLitElement {
          * @default 'mark'
          */
         this.logoType = 'mark';
-        this.consumeContext(UMB_APP_CONTEXT, (instance) => {
-            this._serverUrl = instance.getServerUrl();
+        this.consumeContext(UMB_SERVER_CONTEXT, (instance) => {
+            this._serverUrl = instance?.getServerUrl();
         });
         this.consumeContext(UMB_THEME_CONTEXT, (context) => {
-            this.observe(context.theme, (theme) => {
+            this.observe(context?.theme, (theme) => {
                 this._theme = theme;
             }, '_observeTheme');
         });

package/dist-cms/apps/app/app-oauth.element.d.ts

@@ -1,4 +1,4 @@
-import { UmbLitElement } from '../../packages/core/lit-element/index.js';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import './app-error.element.js';
 /**
  * A full page error element that can be used either solo or for instance as the error 500 page and BootFailed

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

@@ -4,8 +4,8 @@ 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;
 };
-import { html, customElement, property } from '../../external/lit/index.js';
-import { UmbLitElement } from '../../packages/core/lit-element/index.js';
+import { html, customElement, property } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import './app-error.element.js';
 /**
  * A full page error element that can be used either solo or for instance as the error 500 page and BootFailed

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

@@ -1,4 +1,5 @@
-import { UmbLitElement } from '../../packages/core/lit-element/index.js';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import './app-logo.element.js';
 import './app-oauth.element.js';
 export declare class UmbAppElement extends UmbLitElement {
     #private;
@@ -7,8 +8,7 @@ export declare class UmbAppElement extends UmbLitElement {
      * @attr
      * @remarks This is the base URL of the Umbraco server, not the base URL of the backoffice.
      */
-    set serverUrl(url: string);
-    get serverUrl(): string;
+    serverUrl: string;
     /**
      * The base path of the backoffice.
      * @attr

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

@@ -5,39 +5,37 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { onInit } from '../../packages/core/entry-point.js';
-import { UmbAppContext } from './app.context.js';
-import { UmbServerConnection } from './server-connection.js';
 import { UmbAppAuthController } from './app-auth.controller.js';
-import { UmbApiInterceptorController } from './api-interceptor.controller.js';
-import { UmbAuthContext } from '../../packages/core/auth/index.js';
-import { css, html, customElement, property } from '../../external/lit/index.js';
-import { UUIIconRegistryEssential } from '../../external/uui/index.js';
-import { UmbLitElement } from '../../packages/core/lit-element/index.js';
-import { pathWithoutBasePath } from '../../packages/core/router/index.js';
-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 { hasOwnOpener, retrieveStoredPath } from '../../packages/core/utils/index.js';
+import { UmbNetworkConnectionStatusManager } from './network-connection-status.manager.js';
+import { UmbAuthContext } from '@umbraco-cms/backoffice/auth';
+import { UmbServerConnection, UmbServerContext } from '@umbraco-cms/backoffice/server';
+import { css, html, customElement, property } from '@umbraco-cms/backoffice/external/lit';
+import { UUIIconRegistryEssential } from '@umbraco-cms/backoffice/external/uui';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { pathWithoutBasePath } from '@umbraco-cms/backoffice/router';
+import { RuntimeLevelModel } from '@umbraco-cms/backoffice/external/backend-api';
+import { UmbContextDebugController } from '@umbraco-cms/backoffice/debug';
+import { UmbBundleExtensionInitializer, UmbServerExtensionRegistrator } from '@umbraco-cms/backoffice/extension-api';
+import { UmbAppEntryPointExtensionInitializer, umbExtensionsRegistry, } from '@umbraco-cms/backoffice/extension-registry';
+import { filter, first, firstValueFrom } from '@umbraco-cms/backoffice/external/rxjs';
+import { hasOwnOpener, retrieveStoredPath } from '@umbraco-cms/backoffice/utils';
+import { UmbApiInterceptorController } from '@umbraco-cms/backoffice/resources';
+import { umbHttpClient } from '@umbraco-cms/backoffice/http-client';
+import './app-logo.element.js';
 import './app-oauth.element.js';
 let UmbAppElement = class UmbAppElement extends UmbLitElement {
-    /**
-     * The base URL of the configured Umbraco server.
-     * @attr
-     * @remarks This is the base URL of the Umbraco server, not the base URL of the backoffice.
-     */
-    set serverUrl(url) {
-        OpenAPI.BASE = url;
-    }
-    get serverUrl() {
-        return OpenAPI.BASE;
-    }
     #authContext;
     #serverConnection;
     #authController;
+    #apiInterceptorController;
     constructor() {
         super();
+        /**
+         * The base URL of the configured Umbraco server.
+         * @attr
+         * @remarks This is the base URL of the Umbraco server, not the base URL of the backoffice.
+         */
+        this.serverUrl = window.location.origin;
         /**
          * The base path of the backoffice.
          * @attr
@@ -124,20 +122,24 @@ let UmbAppElement = class UmbAppElement extends UmbLitElement {
             },
         ];
         this.#authController = new UmbAppAuthController(this);
-        OpenAPI.BASE = window.location.origin;
-        new UmbApiInterceptorController(this);
+        this.#apiInterceptorController = new UmbApiInterceptorController(this);
         new UmbBundleExtensionInitializer(this, umbExtensionsRegistry);
         new UUIIconRegistryEssential().attach(this);
         new UmbContextDebugController(this);
+        new UmbNetworkConnectionStatusManager(this);
     }
     connectedCallback() {
         super.connectedCallback();
         this.#setup();
     }
     async #setup() {
-        this.#serverConnection = await new UmbServerConnection(this.serverUrl).connect();
+        umbHttpClient.setConfig({
+            baseUrl: this.serverUrl,
+        });
+        this.#apiInterceptorController.bindDefaultInterceptors(umbHttpClient);
+        this.#serverConnection = await new UmbServerConnection(this, this.serverUrl).connect();
         this.#authContext = new UmbAuthContext(this, this.serverUrl, this.backofficePath, this.bypassAuth);
-        new UmbAppContext(this, {
+        new UmbServerContext(this, {
             backofficePath: this.backofficePath,
             serverUrl: this.serverUrl,
             serverConnection: this.#serverConnection,
@@ -190,9 +192,11 @@ let UmbAppElement = class UmbAppElement extends UmbLitElement {
         // 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;
-        OpenAPI.ENCODE_PATH = (path) => path;
+        umbHttpClient.setConfig({
+            baseUrl: this.serverUrl,
+            credentials: 'include',
+            auth: () => this.#authContext.getLatestToken(),
+        });
     }
     #redirect() {
         const pathname = pathWithoutBasePath({ start: true, end: false });
@@ -263,13 +267,13 @@ let UmbAppElement = class UmbAppElement extends UmbLitElement {
 	`; }
 };
 __decorate([
-    property({ type: String })
-], UmbAppElement.prototype, "serverUrl", null);
+    property({ type: String, attribute: 'server-url' })
+], UmbAppElement.prototype, "serverUrl", void 0);
 __decorate([
-    property({ type: String })
+    property({ type: String, attribute: 'backoffice-path' })
 ], UmbAppElement.prototype, "backofficePath", void 0);
 __decorate([
-    property({ type: Boolean })
+    property({ type: Boolean, attribute: 'bypass-auth' })
 ], UmbAppElement.prototype, "bypassAuth", void 0);
 UmbAppElement = __decorate([
     customElement('umb-app')

package/dist-cms/apps/app/index.d.ts

@@ -1,4 +1,2 @@
-export type * from './app-context-config.interface.js';
 export * from './app-logo.element.js';
 export * from './app.element.js';
-export * from './app.context.js';

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

@@ -1,3 +1,2 @@
 export * from './app-logo.element.js';
 export * from './app.element.js';
-export * from './app.context.js';

package/dist-cms/apps/app/network-connection-status.manager.d.ts

@@ -1,5 +1,5 @@
-import { UmbControllerBase } from '../../libs/class-api/index.js';
-import type { UmbControllerHost } from '../../libs/controller-api/index.js';
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
 export declare class UmbNetworkConnectionStatusManager extends UmbControllerBase {
     #private;
     constructor(host: UmbControllerHost);

package/dist-cms/apps/app/network-connection-status.manager.js

@@ -1,6 +1,6 @@
-import { UmbControllerBase } from '../../libs/class-api/index.js';
-import { UmbLocalizationController } from '../../libs/localization-api/index.js';
-import { UMB_NOTIFICATION_CONTEXT, } from '../../packages/core/notification/index.js';
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import { UmbLocalizationController } from '@umbraco-cms/backoffice/localization-api';
+import { UMB_NOTIFICATION_CONTEXT } from '@umbraco-cms/backoffice/notification';
 export class UmbNetworkConnectionStatusManager extends UmbControllerBase {
     #notificationContext;
     #offlineNotification;

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

@@ -1,15 +1,15 @@
-import { UmbContextToken } from '../../libs/context-api/index.js';
-import { UmbContextBase } from '../../libs/class-api/index.js';
-import type { ManifestSection } from '../../packages/core/section/index.js';
-import type { UmbControllerHost } from '../../libs/controller-api/index.js';
-import type { UmbExtensionManifestInitializer } from '../../libs/extension-api/index.js';
-export declare class UmbBackofficeContext extends UmbContextBase<UmbBackofficeContext> {
+import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+import { UmbContextBase } from '@umbraco-cms/backoffice/class-api';
+import type { ManifestSection } from '@umbraco-cms/backoffice/section';
+import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
+import type { UmbExtensionManifestInitializer } from '@umbraco-cms/backoffice/extension-api';
+export declare class UmbBackofficeContext extends UmbContextBase {
     #private;
     readonly activeSectionAlias: import("rxjs").Observable<string | undefined>;
     readonly allowedSections: import("rxjs").Observable<UmbExtensionManifestInitializer<ManifestSection, any>[]>;
     readonly version: import("rxjs").Observable<string | undefined>;
     constructor(host: UmbControllerHost);
     setActiveSectionAlias(alias: string): void;
-    serverUpgradeCheck(): Promise<import("../../packages/sysinfo/index.js").UmbServerUpgradeCheck | null>;
+    serverUpgradeCheck(): Promise<import("@umbraco-cms/backoffice/sysinfo").UmbServerUpgradeCheck | null>;
 }
 export declare const UMB_BACKOFFICE_CONTEXT: UmbContextToken<UmbBackofficeContext, UmbBackofficeContext>;

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

@@ -1,13 +1,13 @@
-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';
-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';
-import { UMB_CURRENT_USER_CONTEXT } from '../../packages/user/current-user/index.js';
-import { UmbSysinfoRepository } from '../../packages/sysinfo/index.js';
+import { tryExecute } from '@umbraco-cms/backoffice/resources';
+import { ServerService } from '@umbraco-cms/backoffice/external/backend-api';
+import { UmbBasicState, UmbStringState } from '@umbraco-cms/backoffice/observable-api';
+import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+import { UmbContextBase } from '@umbraco-cms/backoffice/class-api';
+import { UmbExtensionsManifestInitializer } from '@umbraco-cms/backoffice/extension-api';
+import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
+import { UMB_AUTH_CONTEXT } from '@umbraco-cms/backoffice/auth';
+import { UMB_CURRENT_USER_CONTEXT } from '@umbraco-cms/backoffice/current-user';
+import { UmbSysinfoRepository } from '@umbraco-cms/backoffice/sysinfo';
 export class UmbBackofficeContext extends UmbContextBase {
     #activeSectionAlias;
     // TODO: We need a class array state:
@@ -24,14 +24,14 @@ export class UmbBackofficeContext extends UmbContextBase {
         this.version = this.#version.asObservable();
         // 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) => {
+            this.observe(authContext?.isAuthorized, (isAuthorized) => {
                 if (!isAuthorized)
                     return;
                 this.#getVersion();
             });
         });
         this.consumeContext(UMB_CURRENT_USER_CONTEXT, (userContext) => {
-            this.observe(userContext.allowedSections, (allowedSections) => {
+            this.observe(userContext?.allowedSections, (allowedSections) => {
                 if (!allowedSections)
                     return;
                 // TODO: Please be aware that we re-initialize this initializer based on user permissions. I suggest we should solve this specific case should be improved by the ability to change the filter [NL]
@@ -42,7 +42,7 @@ export class UmbBackofficeContext extends UmbContextBase {
         });
     }
     async #getVersion() {
-        const { data } = await tryExecute(ServerService.getServerInformation());
+        const { data } = await tryExecute(this._host, ServerService.getServerInformation(), { disableNotifications: true });
         if (!data)
             return;
         // A quick semver parser (to remove the unwanted bits) [LK]

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

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

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

@@ -5,11 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbBackofficeContext } from './backoffice.context.js';
-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 { css, html, customElement } from '@umbraco-cms/backoffice/external/lit';
+import { UmbBackofficeEntryPointExtensionInitializer, UmbEntryPointExtensionInitializer, umbExtensionsRegistry, } from '@umbraco-cms/backoffice/extension-registry';
+import { UmbServerExtensionRegistrator } from '@umbraco-cms/backoffice/extension-api';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { UMB_AUTH_CONTEXT } from '@umbraco-cms/backoffice/auth';
 import './components/index.js';
 const CORE_PACKAGES = [
     import('../../packages/block/umbraco-package.js'),
@@ -42,13 +42,13 @@ const CORE_PACKAGES = [
     import('../../packages/tags/umbraco-package.js'),
     import('../../packages/telemetry/umbraco-package.js'),
     import('../../packages/templating/umbraco-package.js'),
-    import('../../packages/tiny-mce/umbraco-package.js'),
     import('../../packages/tiptap/umbraco-package.js'),
     import('../../packages/translation/umbraco-package.js'),
     import('../../packages/ufm/umbraco-package.js'),
     import('../../packages/umbraco-news/umbraco-package.js'),
     import('../../packages/user/umbraco-package.js'),
     import('../../packages/webhook/umbraco-package.js'),
+    import('../../packages/content/umbraco-package.js'),
 ];
 let UmbBackofficeElement = class UmbBackofficeElement extends UmbLitElement {
     constructor() {
@@ -69,7 +69,7 @@ let UmbBackofficeElement = class UmbBackofficeElement extends UmbLitElement {
         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) => {
+            this.observe(authContext?.isAuthorized, (isAuthorized) => {
                 if (!isAuthorized)
                     return;
                 serverExtensions.registerPrivateExtensions();

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

@@ -1,9 +1,8 @@
-import type { CSSResultGroup } from '../../../external/lit/index.js';
-import { LitElement } from '../../../external/lit/index.js';
-export declare class UmbBackofficeHeaderAppsElement extends LitElement {
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+export declare class UmbBackofficeHeaderAppsElement extends UmbLitElement {
     #private;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: CSSResultGroup;
+    static readonly styles: import("lit").CSSResult[];
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -4,9 +4,10 @@ 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;
 };
-import { UMB_MARK_ATTRIBUTE_NAME } from '../../../packages/core/const/index.js';
-import { css, html, LitElement, customElement } from '../../../external/lit/index.js';
-let UmbBackofficeHeaderAppsElement = class UmbBackofficeHeaderAppsElement extends LitElement {
+import { UMB_MARK_ATTRIBUTE_NAME } from '@umbraco-cms/backoffice/const';
+import { css, customElement, html } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+let UmbBackofficeHeaderAppsElement = class UmbBackofficeHeaderAppsElement extends UmbLitElement {
     render() {
         return html `
 			<umb-extension-slot

package/dist-cms/apps/backoffice/components/backoffice-header-logo.element.d.ts

@@ -1,4 +1,4 @@
-import { UmbLitElement } from '../../../packages/core/lit-element/index.js';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 /**
  * The backoffice header logo element.
  * @cssprop --umb-header-logo-display - The display property of the header logo.
@@ -15,7 +15,7 @@ export declare class UmbBackofficeHeaderLogoElement extends UmbLitElement {
     private _isUserAdmin;
     private _serverUpgradeCheck;
     constructor();
-    protected firstUpdated(): Promise<void>;
+    protected firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

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

@@ -5,12 +5,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_BACKOFFICE_CONTEXT } from '../backoffice.context.js';
-import { css, html, customElement, state } from '../../../external/lit/index.js';
-import { isCurrentUserAnAdmin } from '../../../packages/user/current-user/index.js';
-import { UmbLitElement } from '../../../packages/core/lit-element/index.js';
-import { UmbTextStyles } from '../../../packages/core/style/index.js';
-import { UMB_MODAL_MANAGER_CONTEXT } from '../../../packages/core/modal/index.js';
-import { UMB_NEWVERSION_MODAL, UMB_SYSINFO_MODAL } from '../../../packages/sysinfo/index.js';
+import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
+import { isCurrentUserAnAdmin } from '@umbraco-cms/backoffice/current-user';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
+import { UMB_MODAL_MANAGER_CONTEXT } from '@umbraco-cms/backoffice/modal';
+import { UMB_NEWVERSION_MODAL, UMB_SYSINFO_MODAL } from '@umbraco-cms/backoffice/sysinfo';
 /**
  * The backoffice header logo element.
  * @cssprop --umb-header-logo-display - The display property of the header logo.
@@ -28,7 +28,7 @@ let UmbBackofficeHeaderLogoElement = class UmbBackofficeHeaderLogoElement extend
         this._isUserAdmin = false;
         this._serverUpgradeCheck = null;
         this.consumeContext(UMB_BACKOFFICE_CONTEXT, (context) => {
-            this.observe(context.version, (version) => {
+            this.observe(context?.version, (version) => {
                 if (!version)
                     return;
                 this._version = version;
@@ -36,7 +36,7 @@ let UmbBackofficeHeaderLogoElement = class UmbBackofficeHeaderLogoElement extend
             this.#backofficeContext = context;
         });
     }
-    async firstUpdated() {
+    firstUpdated() {
         this.#isAdmin();
     }
     async #isAdmin() {
@@ -73,6 +73,9 @@ let UmbBackofficeHeaderLogoElement = class UmbBackofficeHeaderLogoElement extend
     }
     async #openSystemInformation() {
         const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
+        if (!modalManager) {
+            throw new Error('Modal manager not found');
+        }
         modalManager
             .open(this, UMB_SYSINFO_MODAL)
             .onSubmit()
@@ -82,6 +85,8 @@ let UmbBackofficeHeaderLogoElement = class UmbBackofficeHeaderLogoElement extend
         if (!this._serverUpgradeCheck)
             return;
         const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
+        if (!modalManager)
+            return;
         modalManager
             .open(this, UMB_NEWVERSION_MODAL, {
             data: {

package/dist-cms/apps/backoffice/components/backoffice-header-sections.element.d.ts

@@ -1,5 +1,5 @@
-import type { CSSResultGroup } from '../../../external/lit/index.js';
-import { UmbLitElement } from '../../../packages/core/lit-element/index.js';
+import type { CSSResultGroup } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 export declare class UmbBackofficeHeaderSectionsElement extends UmbLitElement {
     private _sections;
     private _currentSectionAlias;

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

@@ -5,8 +5,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_BACKOFFICE_CONTEXT } from '../backoffice.context.js';
-import { css, html, customElement, state, repeat, ifDefined } from '../../../external/lit/index.js';
-import { UmbLitElement } from '../../../packages/core/lit-element/index.js';
+import { css, html, customElement, state, repeat, ifDefined } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSectionsElement extends UmbLitElement {
     constructor() {
         super();

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

@@ -1,7 +1,7 @@
-import { UmbLitElement } from '../../../packages/core/lit-element/index.js';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 export declare class UmbBackofficeHeaderElement extends UmbLitElement {
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
+    static readonly styles: import("lit").CSSResult[];
 }
 declare global {
     interface HTMLElementTagNameMap {