@umbraco-cms/backoffice 16.0.0 → 16.1.0-rc

package/dist-cms/libs/extension-api/controller/server-extension-registrator.controller.js

@@ -54,7 +54,7 @@ export class UmbServerExtensionRegistrator extends UmbControllerBase {
             throw new Error('Server context is not available');
         }
         const apiBaseUrl = serverContext?.getServerUrl();
-        packages.forEach((p) => {
+        packages?.forEach((p) => {
             p.extensions?.forEach((e) => {
                 // Crudely validate that the extension at least follows a basic manifest structure
                 // Idea: Use `Zod` to validate the manifest

package/dist-cms/libs/extension-api/types/manifest-base.interface.d.ts

@@ -17,7 +17,7 @@ export interface ManifestBase {
      */
     name: string;
     /**
-     * Extensions such as dashboards are ordered by weight with lower numbers being first in the list
+     * Extensions such as dashboards are ordered by weight with higher numbers being first in the list
      */
     weight?: number;
 }

package/dist-cms/packages/block/block/context/block-entry.context.d.ts

@@ -17,6 +17,9 @@ export declare abstract class UmbBlockEntryContext<BlockManagerContextTokenType
     readonly unsupported: Observable<boolean | undefined>;
     protected readonly _variantId: Observable<UmbVariantId | undefined>;
     readonly hasExpose: Observable<boolean | undefined>;
+    readonly actionsVisibility: Observable<boolean>;
+    hideActions(): void;
+    showActions(): void;
     readonly readOnlyGuard: UmbReadOnlyVariantGuardManager;
     getEntityType(): string;
     getUnique(): string | undefined;

package/dist-cms/packages/block/block/context/block-entry.context.js

@@ -13,6 +13,13 @@ export class UmbBlockEntryContext extends UmbContextBase {
     #pathAddendum;
     #variantId;
     #hasExpose;
+    #actionsVisibility;
+    hideActions() {
+        this.#actionsVisibility.setValue(false);
+    }
+    showActions() {
+        this.#actionsVisibility.setValue(true);
+    }
     // Workspace alike methods, to enables editing of data without the need of a workspace (Custom views and block grid inline editing mode for example).
     getEntityType() {
         return 'block';
@@ -158,6 +165,8 @@ export class UmbBlockEntryContext extends UmbContextBase {
         this._variantId = this.#variantId.asObservable();
         this.#hasExpose = new UmbBooleanState(undefined);
         this.hasExpose = this.#hasExpose.asObservable();
+        this.#actionsVisibility = new UmbBooleanState(true);
+        this.actionsVisibility = this.#actionsVisibility.asObservable();
         this.readOnlyGuard = new UmbReadOnlyVariantGuardManager(this);
         this.#index = new UmbNumberState(undefined);
         this.index = this.#index.asObservable();

package/dist-cms/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.d.ts

@@ -26,6 +26,7 @@ export declare class UmbBlockGridEntryElement extends UmbLitElement implements U
     _icon?: string;
     _exposed?: boolean;
     _unsupported?: boolean;
+    _showActions?: boolean;
     _workspaceEditContentPath?: string;
     _workspaceEditSettingsPath?: string;
     _inlineEditingMode?: boolean;

package/dist-cms/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.js

@@ -162,6 +162,9 @@ let UmbBlockGridEntryElement = class UmbBlockGridEntryElement extends UmbLitElem
             this._unsupported = unsupported;
             this.toggleAttribute('unsupported', unsupported);
         }, null);
+        this.observe(this.#context.actionsVisibility, (showActions) => {
+            this._showActions = showActions;
+        }, null);
         this.observe(this.#context.inlineEditingMode, (mode) => {
             this._inlineEditingMode = mode;
         }, null);
@@ -350,12 +353,14 @@ let UmbBlockGridEntryElement = class UmbBlockGridEntryElement extends UmbLitElem
 		`;
     }
     #renderActionBar() {
-        return html `
-			<uui-action-bar>
-				${this.#renderEditAction()} ${this.#renderEditSettingsAction()} ${this.#renderCopyToClipboardAction()}
-				${this.#renderDeleteAction()}</uui-action-bar
-			>
-		`;
+        return this._showActions
+            ? html `
+					<uui-action-bar>
+						${this.#renderEditAction()} ${this.#renderEditSettingsAction()} ${this.#renderCopyToClipboardAction()}
+						${this.#renderDeleteAction()}</uui-action-bar
+					>
+				`
+            : nothing;
     }
     #renderEditAction() {
         return this._showContentEdit && this._workspaceEditContentPath
@@ -559,6 +564,9 @@ __decorate([
 __decorate([
     state()
 ], UmbBlockGridEntryElement.prototype, "_unsupported", void 0);
+__decorate([
+    state()
+], UmbBlockGridEntryElement.prototype, "_showActions", void 0);
 __decorate([
     state()
 ], UmbBlockGridEntryElement.prototype, "_workspaceEditContentPath", void 0);

package/dist-cms/packages/block/block-list/components/block-list-entry/block-list-entry.element.d.ts

@@ -24,6 +24,7 @@ export declare class UmbBlockListEntryElement extends UmbLitElement implements U
     _icon?: string;
     _exposed?: boolean;
     _unsupported?: boolean;
+    _showActions?: boolean;
     _workspaceEditContentPath?: string;
     _workspaceEditSettingsPath?: string;
     _inlineEditingMode?: boolean;

package/dist-cms/packages/block/block-list/components/block-list-entry/block-list-entry.element.js

@@ -80,7 +80,7 @@ let UmbBlockListEntryElement = class UmbBlockListEntryElement extends UmbLitElem
                 return ext.component;
             }
             else {
-                return html `<div>
+                return html `<div style="min-height: var(--uui-size-16);">
 				${ext.component}
 				<umb-block-overlay-expose-button
 					.contentTypeName=${this._contentTypeName}
@@ -122,6 +122,9 @@ let UmbBlockListEntryElement = class UmbBlockListEntryElement extends UmbLitElem
             this._unsupported = unsupported;
             this.toggleAttribute('unsupported', unsupported);
         }, null);
+        this.observe(this.#context.actionsVisibility, (showActions) => {
+            this._showActions = showActions;
+        }, null);
         this.observe(this.#context.inlineEditingMode, (mode) => {
             this._inlineEditingMode = mode;
         }, null);
@@ -260,10 +263,7 @@ let UmbBlockListEntryElement = class UmbBlockListEntryElement extends UmbLitElem
 							single
 							>${this.#renderBuiltinBlockView()}</umb-extension-slot
 						>
-						<uui-action-bar>
-							${this.#renderEditContentAction()} ${this.#renderEditSettingsAction()}
-							${this.#renderCopyToClipboardAction()} ${this.#renderDeleteAction()}
-						</uui-action-bar>
+						${this.#renderActionBar()}
 						${!this._showContentEdit && this._contentInvalid
                 ? html `<uui-badge attention color="invalid" label="Invalid content">!</uui-badge>`
                 : nothing}
@@ -271,6 +271,14 @@ let UmbBlockListEntryElement = class UmbBlockListEntryElement extends UmbLitElem
 				`
             : nothing;
     }
+    #renderActionBar() {
+        return this._showActions
+            ? html `<uui-action-bar>
+					${this.#renderEditContentAction()} ${this.#renderEditSettingsAction()} ${this.#renderCopyToClipboardAction()}
+					${this.#renderDeleteAction()}
+				</uui-action-bar>`
+            : nothing;
+    }
     #renderEditContentAction() {
         return this._showContentEdit && this._workspaceEditContentPath
             ? html `<uui-button
@@ -444,6 +452,9 @@ __decorate([
 __decorate([
     state()
 ], UmbBlockListEntryElement.prototype, "_unsupported", void 0);
+__decorate([
+    state()
+], UmbBlockListEntryElement.prototype, "_showActions", void 0);
 __decorate([
     state()
 ], UmbBlockListEntryElement.prototype, "_workspaceEditContentPath", void 0);

package/dist-cms/packages/block/block-rte/components/block-rte-entry/block-rte-entry.element.d.ts

@@ -17,6 +17,7 @@ export declare class UmbBlockRteEntryElement extends UmbLitElement implements Um
     _label: string;
     _icon?: string;
     _exposed?: boolean;
+    _showActions?: boolean;
     _workspaceEditContentPath?: string;
     _workspaceEditSettingsPath?: string;
     _contentTypeAlias?: string;

package/dist-cms/packages/block/block-rte/components/block-rte-entry/block-rte-entry.element.js

@@ -100,6 +100,9 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
             this.#updateBlockViewProps({ unpublished: !exposed });
             this._exposed = exposed;
         }, null);
+        this.observe(this.#context.actionsVisibility, (showActions) => {
+            this._showActions = showActions;
+        }, null);
         // Data props:
         this.observe(this.#context.layout, (layout) => {
             this.#updateBlockViewProps({ layout });
@@ -152,7 +155,7 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
 							single>
 							${this.#renderRefBlock()}
 						</umb-extension-slot>
-						<uui-action-bar> ${this.#renderEditAction()} ${this.#renderEditSettingsAction()} </uui-action-bar>
+						${this.#renderActionBar()}
 						${!this._showContentEdit && this._contentInvalid
                 ? html `<uui-badge attention color="invalid" label="Invalid content">!</uui-badge>`
                 : nothing}
@@ -160,6 +163,11 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
 				`
             : nothing;
     }
+    #renderActionBar() {
+        return this._showActions
+            ? html ` <uui-action-bar> ${this.#renderEditAction()} ${this.#renderEditSettingsAction()}</uui-action-bar> `
+            : nothing;
+    }
     #renderRefBlock() {
         return html `<umb-ref-rte-block
 			.label=${this._label}
@@ -260,6 +268,9 @@ __decorate([
 __decorate([
     state()
 ], UmbBlockRteEntryElement.prototype, "_exposed", void 0);
+__decorate([
+    state()
+], UmbBlockRteEntryElement.prototype, "_showActions", void 0);
 __decorate([
     state()
 ], UmbBlockRteEntryElement.prototype, "_workspaceEditContentPath", void 0);

package/dist-cms/packages/block/modals/manifest-viewer/manifest-viewer-modal.element.js

@@ -22,6 +22,12 @@ let UmbManifestViewerModalElement = class UmbManifestViewerModalElement extends
             else if (typeof value === 'object') {
                 value = this.#stringify(value);
             }
+            else if (typeof value === 'number') {
+                value = `${value}`;
+            }
+            else if (typeof value === 'boolean') {
+                value = `${value}`;
+            }
             else {
                 value = `"${value}"`;
             }

package/dist-cms/packages/content/content/workspace/views/edit/content-editor.element.js

@@ -50,7 +50,7 @@ let UmbContentWorkspaceViewEditElement = class UmbContentWorkspaceViewEditElemen
         const routes = [];
         if (this._hasRootGroups) {
             routes.push({
-                path: `root`,
+                path: 'root',
                 component: () => import('./content-editor-tab.element.js'),
                 setup: (component) => {
                     component.containerId = null;
@@ -71,15 +71,15 @@ let UmbContentWorkspaceViewEditElement = class UmbContentWorkspaceViewEditElemen
         }
         if (routes.length !== 0) {
             routes.push({
+                ...routes[0],
+                unique: routes[0].path,
                 path: '',
-                pathMatch: 'full',
-                redirectTo: routes[0].path,
-            });
-            routes.push({
-                path: `**`,
-                component: async () => (await import('@umbraco-cms/backoffice/router')).UmbRouteNotFoundElement,
             });
         }
+        routes.push({
+            path: `**`,
+            component: async () => (await import('@umbraco-cms/backoffice/router')).UmbRouteNotFoundElement,
+        });
         this._routes = routes;
     }
     render() {
@@ -93,15 +93,17 @@ let UmbContentWorkspaceViewEditElement = class UmbContentWorkspaceViewEditElemen
                 ? html `
 										<uui-tab
 											.label=${this.localize.term('general_generic')}
-											.active=${this._routerPath + '/root' === this._activePath}
+											.active=${this._routerPath + '/root' === this._activePath ||
+                    this._routerPath + '/' === this._activePath}
 											.href=${this._routerPath + '/root'}></uui-tab>
 									`
                 : ''}
-							${repeat(this._tabs, (tab) => tab.name, (tab) => {
+							${repeat(this._tabs, (tab) => tab.name, (tab, index) => {
                 const path = this._routerPath + '/tab/' + encodeFolderName(tab.name || '');
                 return html `<uui-tab
 										.label=${this.localize.string(tab.name ?? '#general_unnamed')}
-										.active=${path === this._activePath}
+										.active=${path === this._activePath ||
+                    (!this._hasRootGroups && index === 0 && this._routerPath + '/' === this._activePath)}
 										.href=${path}></uui-tab>`;
             })}
 						</uui-tab-group>`

package/dist-cms/packages/content/content-type/modals/composition-picker/composition-picker-modal.element.js

@@ -83,11 +83,12 @@ let UmbCompositionPickerModalElement = class UmbCompositionPickerModalElement ex
         });
         if (!data)
             return;
-        const folders = Array.from(new Set(data.map((c) => '/' + c.folderPath.join('/'))));
-        this._compatibleCompositions = folders.map((path) => ({
-            path,
-            compositions: data.filter((c) => '/' + c.folderPath.join('/') === path),
-        }));
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        const grouped = Object.groupBy(data, (item) => '/' + item.folderPath.join('/'));
+        this._compatibleCompositions = Object.keys(grouped)
+            .sort((a, b) => a.localeCompare(b))
+            .map((key) => ({ path: key, compositions: grouped[key] }));
     }
     #onSelectionAdd(unique) {
         this._selection = [...this._selection, unique];

package/dist-cms/packages/content/content-type/repository/structure/content-type-structure-server-data-source-base.d.ts

@@ -35,7 +35,7 @@ export declare abstract class UmbContentTypeStructureServerDataSourceBase<Server
         };
         error?: undefined;
     } | {
-        error: Error | import("@umbraco-cms/backoffice/resources").UmbError | import("@umbraco-cms/backoffice/resources").UmbApiError | import("@umbraco-cms/backoffice/resources").UmbCancelError | undefined;
+        error: ((Error | import("@umbraco-cms/backoffice/resources").UmbApiError | import("@umbraco-cms/backoffice/resources").UmbCancelError | import("@umbraco-cms/backoffice/resources").UmbError) & (import("@umbraco-cms/backoffice/resources").UmbApiError | import("@umbraco-cms/backoffice/resources").UmbCancelError)) | undefined;
         data?: undefined;
     }>;
 }

package/dist-cms/packages/content/content-type/structure/content-type-structure-manager.class.d.ts

@@ -39,7 +39,7 @@ export declare class UmbContentTypeStructureManager<T extends UmbContentTypeMode
      * @param {string} unique - The unique of the ContentType to load.
      * @returns {Promise} - Promise resolved
      */
-    loadType(unique: string): Promise<UmbRepositoryResponseWithAsObservable<T>>;
+    loadType(unique: string): Promise<UmbRepositoryResponseWithAsObservable<T | undefined>>;
     createScaffold(preset?: Partial<T>): Promise<UmbRepositoryResponse<T>>;
     /**
      * Save the owner content type. Notice this is for a Content Type that is already stored on the server.

package/dist-cms/packages/core/auth/auth-flow.d.ts

@@ -43,7 +43,7 @@ export declare class UmbAuthFlow {
      * @remark It will also emit if there is an error during the authorization flow.
      */
     readonly authorizationSignal: Subject<void>;
-    constructor(openIdConnectUrl: string, redirectUri: string, postLogoutRedirectUri: string, timeoutSignal: Subject<void>, clientId?: string, scope?: string);
+    constructor(openIdConnectUrl: string, redirectUri: string, postLogoutRedirectUri: string, clientId?: string, scope?: string);
     /**
      * This method will initialize all the state needed for the auth flow.
      *
@@ -87,7 +87,7 @@ export declare class UmbAuthFlow {
     /**
      * This method will check if the token needs to be refreshed and if so, it will refresh it and return the new access token.
      * If the token does not need to be refreshed, it will return the current access token.
-     * @returns The access token for the user.
+     * @returns {Promise<string>} The access token for the user.
      */
     performWithFreshTokens(): Promise<string>;
     /**

package/dist-cms/packages/core/auth/auth-flow.js

@@ -74,14 +74,13 @@ export class UmbAuthFlow {
     #postLogoutRedirectUri;
     #clientId;
     #scope;
-    #timeoutSignal;
     // tokens
     #tokenResponse;
     // external login
     #link_endpoint;
     #link_key_endpoint;
     #unlink_endpoint;
-    constructor(openIdConnectUrl, redirectUri, postLogoutRedirectUri, timeoutSignal, clientId = 'umbraco-back-office', scope = 'offline_access') {
+    constructor(openIdConnectUrl, redirectUri, postLogoutRedirectUri, clientId = 'umbraco-back-office', scope = 'offline_access') {
         /**
          * This signal will emit when the authorization flow is complete.
          * @remark It will also emit if there is an error during the authorization flow.
@@ -89,7 +88,6 @@ export class UmbAuthFlow {
         this.authorizationSignal = new Subject();
         this.#redirectUri = redirectUri;
         this.#postLogoutRedirectUri = postLogoutRedirectUri;
-        this.#timeoutSignal = timeoutSignal;
         this.#clientId = clientId;
         this.#scope = scope;
         this.#configuration = new AuthorizationServiceConfiguration({
@@ -241,22 +239,22 @@ export class UmbAuthFlow {
     /**
      * This method will check if the token needs to be refreshed and if so, it will refresh it and return the new access token.
      * If the token does not need to be refreshed, it will return the current access token.
-     * @returns The access token for the user.
+     * @returns {Promise<string>} The access token for the user.
      */
     async performWithFreshTokens() {
         // if the access token is valid, return it
         if (this.#tokenResponse?.isValid()) {
             return Promise.resolve(this.#tokenResponse.accessToken);
         }
+        // if the access token is not valid, try to refresh it
         const success = await this.makeRefreshTokenRequest();
+        const newToken = this.#tokenResponse?.accessToken ?? '';
         if (!success) {
+            // if the refresh token request failed, we need to clear the token state
             this.clearTokenStorage();
-            this.#timeoutSignal.next();
-            return Promise.reject('Missing tokenResponse.');
         }
-        return this.#tokenResponse
-            ? Promise.resolve(this.#tokenResponse.accessToken)
-            : Promise.reject('Missing tokenResponse.');
+        // if the refresh token request was successful, return the new access token
+        return Promise.resolve(newToken);
     }
     /**
      * This method will link the current user to the specified provider by redirecting the user to the link endpoint.

package/dist-cms/packages/core/auth/auth.context.d.ts

@@ -2,7 +2,7 @@ import type { UmbOpenApiConfiguration } from './models/openApiConfiguration.js';
 import type { ManifestAuthProvider } from './auth-provider.extension.js';
 import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
 import { UmbContextBase } from '@umbraco-cms/backoffice/class-api';
-import { Subject } from '@umbraco-cms/backoffice/external/rxjs';
+import type { Observable } from '@umbraco-cms/backoffice/external/rxjs';
 import type { UmbBackofficeExtensionRegistry } from '@umbraco-cms/backoffice/extension-registry';
 export declare class UmbAuthContext extends UmbContextBase {
     #private;
@@ -10,22 +10,24 @@ export declare class UmbAuthContext extends UmbContextBase {
      * Observable that emits true when the auth context is initialized.
      * @remark It will only emit once and then complete itself.
      */
-    readonly isInitialized: import("rxjs").Observable<void>;
+    readonly isInitialized: Observable<void>;
     /**
      * Observable that emits true if the user is authorized, otherwise false.
      * @remark It will only emit when the authorization state changes.
      */
-    readonly isAuthorized: import("rxjs").Observable<boolean>;
+    readonly isAuthorized: Observable<boolean>;
     /**
      * Observable that acts as a signal and emits when the user has timed out, i.e. the token has expired.
      * This can be used to show a timeout message to the user.
-     * @remark It can emit multiple times if more than one request is made after the token has expired.
+     * @remark It will emit once per second, so it can be used to trigger UI updates or other actions when the user has timed out.
      */
-    readonly timeoutSignal: import("rxjs").Observable<void>;
+    readonly timeoutSignal: Observable<void>;
     /**
      * Observable that acts as a signal for when the authorization state changes.
+     * @remark It will emit once per second, so it can be used to trigger UI updates or other actions when the authorization state changes.
+     * @returns {Subject<void>} An observable that emits when the authorization state changes.
      */
-    get authorizationSignal(): Subject<void>;
+    get authorizationSignal(): Observable<void>;
     constructor(host: UmbControllerHost, serverUrl: string, backofficePath: string, isBypassed: boolean);
     destroy(): void;
     /**
@@ -127,7 +129,7 @@ export declare class UmbAuthContext extends UmbContextBase {
      * Gets all registered auth providers.
      * @param extensionsRegistry
      */
-    getAuthProviders(extensionsRegistry: UmbBackofficeExtensionRegistry): import("rxjs").Observable<ManifestAuthProvider[]>;
+    getAuthProviders(extensionsRegistry: UmbBackofficeExtensionRegistry): Observable<ManifestAuthProvider[]>;
     /**
      * Gets the authorized redirect url.
      * @returns The redirect url, which is the backoffice path.

package/dist-cms/packages/core/auth/auth.context.js

@@ -3,7 +3,7 @@ import { UMB_AUTH_CONTEXT } from './auth.context.token.js';
 import { UMB_STORAGE_TOKEN_RESPONSE_NAME } from './constants.js';
 import { UmbContextBase } from '@umbraco-cms/backoffice/class-api';
 import { UmbBooleanState } from '@umbraco-cms/backoffice/observable-api';
-import { ReplaySubject, Subject, firstValueFrom, switchMap } from '@umbraco-cms/backoffice/external/rxjs';
+import { ReplaySubject, Subject, firstValueFrom, switchMap, distinctUntilChanged, throttleTime, auditTime, } from '@umbraco-cms/backoffice/external/rxjs';
 import { umbHttpClient } from '@umbraco-cms/backoffice/http-client';
 export class UmbAuthContext extends UmbContextBase {
     #isAuthorized;
@@ -18,9 +18,13 @@ export class UmbAuthContext extends UmbContextBase {
     #previousAuthUrl;
     /**
      * Observable that acts as a signal for when the authorization state changes.
+     * @remark It will emit once per second, so it can be used to trigger UI updates or other actions when the authorization state changes.
+     * @returns {Subject<void>} An observable that emits when the authorization state changes.
      */
     get authorizationSignal() {
-        return this.#authFlow.authorizationSignal;
+        return this.#authFlow.authorizationSignal.asObservable().pipe(
+        // Throttle the signal to ensure that it emits once, then waits for 1s before allowing another emission.
+        throttleTime(1000));
     }
     constructor(host, serverUrl, backofficePath, isBypassed) {
         super(host, UMB_AUTH_CONTEXT);
@@ -37,17 +41,20 @@ export class UmbAuthContext extends UmbContextBase {
          * Observable that emits true if the user is authorized, otherwise false.
          * @remark It will only emit when the authorization state changes.
          */
-        this.isAuthorized = this.#isAuthorized.asObservable();
+        this.isAuthorized = this.#isAuthorized.asObservable().pipe(distinctUntilChanged());
         /**
          * Observable that acts as a signal and emits when the user has timed out, i.e. the token has expired.
          * This can be used to show a timeout message to the user.
-         * @remark It can emit multiple times if more than one request is made after the token has expired.
+         * @remark It will emit once per second, so it can be used to trigger UI updates or other actions when the user has timed out.
          */
-        this.timeoutSignal = this.#isTimeout.asObservable();
+        this.timeoutSignal = this.#isTimeout.asObservable().pipe(
+        // Audit the timeout signal to ensure that it waits for 1s before allowing another emission, which prevents rapid firing of the signal.
+        // This is useful to prevent the UI from being flooded with timeout events.
+        auditTime(1000));
         this.#isBypassed = isBypassed;
         this.#serverUrl = serverUrl;
         this.#backofficePath = backofficePath;
-        this.#authFlow = new UmbAuthFlow(serverUrl, this.getRedirectUrl(), this.getPostLogoutRedirectUrl(), this.#isTimeout);
+        this.#authFlow = new UmbAuthFlow(serverUrl, this.getRedirectUrl(), this.getPostLogoutRedirectUrl());
         // Observe the authorization signal and close the auth window
         this.observe(this.authorizationSignal, () => {
             // Update the authorization state
@@ -68,7 +75,7 @@ export class UmbAuthContext extends UmbContextBase {
             // Refresh the local storage state into memory
             await this.setInitialState();
             // Let any auth listeners (such as the auth modal) know that the auth state has changed
-            this.authorizationSignal.next();
+            this.#authFlow.authorizationSignal.next();
         }
     }
     /**