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

package/dist-cms/packages/templating/stylesheets/workspace/stylesheet-workspace.context.js

@@ -6,8 +6,7 @@ import { UmbSubmittableWorkspaceContextBase, UmbWorkspaceRouteManager, UmbWorksp
 import { UmbBooleanState, UmbObjectState } from '../../../../libs/observable-api/index.js';
 import { loadCodeEditor } from '../../code-editor/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../core/action/index.js';
-import { UmbRequestReloadTreeItemChildrenEvent } from '../../../core/tree/index.js';
-import { UmbRequestReloadStructureForEntityEvent } from '../../../core/entity-action/index.js';
+import { UmbRequestReloadChildrenOfEntityEvent, UmbRequestReloadStructureForEntityEvent, } from '../../../core/entity-action/index.js';
 export class UmbStylesheetWorkspaceContext extends UmbSubmittableWorkspaceContextBase {
     #parent;
     #data;
@@ -17,9 +16,11 @@ export class UmbStylesheetWorkspaceContext extends UmbSubmittableWorkspaceContex
         this.repository = new UmbStylesheetDetailRepository(this);
         this.#parent = new UmbObjectState(undefined);
         this.parentUnique = this.#parent.asObservablePart((parent) => (parent ? parent.unique : undefined));
+        this.parentEntityType = this.#parent.asObservablePart((parent) => (parent ? parent.entityType : undefined));
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
         this.unique = this.#data.asObservablePart((data) => data?.unique);
+        this.entityType = this.#data.asObservablePart((data) => data?.entityType);
         this.name = this.#data.asObservablePart((data) => data?.name);
         this.content = this.#data.asObservablePart((data) => data?.content);
         this.#isCodeEditorReady = new UmbBooleanState(false);
@@ -118,7 +119,7 @@ export class UmbStylesheetWorkspaceContext extends UmbSubmittableWorkspaceContex
             this.setIsNew(false);
             // TODO: this might not be the right place to alert the tree, but it works for now
             const eventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
-            const event = new UmbRequestReloadTreeItemChildrenEvent({
+            const event = new UmbRequestReloadChildrenOfEntityEvent({
                 entityType: parent.entityType,
                 unique: parent.unique,
             });

package/dist-cms/packages/templating/templates/tree/template-tree.server.data-source.js

@@ -1,4 +1,4 @@
-import { UMB_TEMPLATE_ENTITY_TYPE } from '../entity.js';
+import { UMB_TEMPLATE_ENTITY_TYPE, UMB_TEMPLATE_ROOT_ENTITY_TYPE } from '../entity.js';
 import { UmbTreeServerDataSourceBase } from '../../../core/tree/index.js';
 import { TemplateService } from '../../../../external/backend-api/index.js';
 /**
@@ -26,13 +26,16 @@ const getRootItems = (args) =>
 // eslint-disable-next-line local-rules/no-direct-api-import
 TemplateService.getTreeTemplateRoot({ skip: args.skip, take: args.take });
 const getChildrenOf = (args) => {
-    if (args.parentUnique === null) {
-        return getRootItems(args);
+    if (args.parent.unique === null) {
+        return getRootItems({
+            skip: args.skip,
+            take: args.take,
+        });
     }
     else {
         // eslint-disable-next-line local-rules/no-direct-api-import
         return TemplateService.getTreeTemplateChildren({
-            parentId: args.parentUnique,
+            parentId: args.parent.unique,
             skip: args.skip,
             take: args.take,
         });
@@ -41,12 +44,15 @@ const getChildrenOf = (args) => {
 const getAncestorsOf = (args) => 
 // eslint-disable-next-line local-rules/no-direct-api-import
 TemplateService.getTreeTemplateAncestors({
-    descendantId: args.descendantUnique,
+    descendantId: args.treeItem.unique,
 });
 const mapper = (item) => {
     return {
         unique: item.id,
-        parentUnique: item.parent ? item.parent.id : null,
+        parent: {
+            unique: item.parent ? item.parent.id : null,
+            entityType: item.parent ? UMB_TEMPLATE_ENTITY_TYPE : UMB_TEMPLATE_ROOT_ENTITY_TYPE,
+        },
         name: item.name,
         entityType: UMB_TEMPLATE_ENTITY_TYPE,
         hasChildren: item.hasChildren,

package/dist-cms/packages/templating/templates/tree/types.d.ts

@@ -1,8 +1,8 @@
 import type { UmbTemplateEntityType, UmbTemplateRootEntityType } from '../entity.js';
-import type { UmbUniqueTreeItemModel, UmbUniqueTreeRootModel } from '../../../core/tree/index.js';
-export interface UmbTemplateTreeItemModel extends UmbUniqueTreeItemModel {
+import type { UmbTreeItemModel, UmbTreeRootModel } from '../../../core/tree/index.js';
+export interface UmbTemplateTreeItemModel extends UmbTreeItemModel {
     entityType: UmbTemplateEntityType;
 }
-export interface UmbTemplateTreeRootModel extends UmbUniqueTreeRootModel {
+export interface UmbTemplateTreeRootModel extends UmbTreeRootModel {
     entityType: UmbTemplateRootEntityType;
 }

package/dist-cms/packages/templating/templates/workspace/template-workspace.context.d.ts

@@ -9,12 +9,14 @@ export declare class UmbTemplateWorkspaceContext extends UmbSubmittableWorkspace
     readonly detailRepository: UmbTemplateDetailRepository;
     readonly itemRepository: UmbTemplateItemRepository;
     readonly parentUnique: import("rxjs/internal/Observable").Observable<string | null | undefined>;
+    readonly parentEntityType: import("rxjs/internal/Observable").Observable<string | undefined>;
     data: import("rxjs/internal/Observable").Observable<UmbTemplateDetailModel | undefined>;
     masterTemplate: import("rxjs/internal/Observable").Observable<UmbTemplateItemModel | null>;
     name: import("rxjs/internal/Observable").Observable<string | undefined>;
     alias: import("rxjs/internal/Observable").Observable<string | undefined>;
     content: import("rxjs/internal/Observable").Observable<string | null | undefined>;
     readonly unique: import("rxjs/internal/Observable").Observable<string | undefined>;
+    readonly entityType: import("rxjs/internal/Observable").Observable<"template" | undefined>;
     masterTemplateUnique: import("rxjs/internal/Observable").Observable<string | undefined>;
     isCodeEditorReady: import("rxjs/internal/Observable").Observable<boolean>;
     readonly routes: UmbWorkspaceRouteManager;

package/dist-cms/packages/templating/templates/workspace/template-workspace.context.js

@@ -5,8 +5,7 @@ import { loadCodeEditor } from '../../code-editor/index.js';
 import { UmbSubmittableWorkspaceContextBase, UmbWorkspaceIsNewRedirectController, UmbWorkspaceRouteManager, } from '../../../core/workspace/index.js';
 import { UmbBooleanState, UmbObjectState } from '../../../../libs/observable-api/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../core/action/index.js';
-import { UmbRequestReloadTreeItemChildrenEvent } from '../../../core/tree/index.js';
-import { UmbRequestReloadStructureForEntityEvent } from '../../../core/entity-action/index.js';
+import { UmbRequestReloadChildrenOfEntityEvent, UmbRequestReloadStructureForEntityEvent, } from '../../../core/entity-action/index.js';
 export class UmbTemplateWorkspaceContext extends UmbSubmittableWorkspaceContextBase {
     #parent;
     #data;
@@ -18,6 +17,7 @@ export class UmbTemplateWorkspaceContext extends UmbSubmittableWorkspaceContextB
         this.itemRepository = new UmbTemplateItemRepository(this);
         this.#parent = new UmbObjectState(undefined);
         this.parentUnique = this.#parent.asObservablePart((parent) => (parent ? parent.unique : undefined));
+        this.parentEntityType = this.#parent.asObservablePart((parent) => (parent ? parent.entityType : undefined));
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
         this.#masterTemplate = new UmbObjectState(null);
@@ -26,6 +26,7 @@ export class UmbTemplateWorkspaceContext extends UmbSubmittableWorkspaceContextB
         this.alias = this.#data.asObservablePart((data) => data?.alias);
         this.content = this.#data.asObservablePart((data) => data?.content);
         this.unique = this.#data.asObservablePart((data) => data?.unique);
+        this.entityType = this.#data.asObservablePart((data) => data?.entityType);
         this.masterTemplateUnique = this.#data.asObservablePart((data) => data?.masterTemplate?.unique);
         this.#isCodeEditorReady = new UmbBooleanState(false);
         this.isCodeEditorReady = this.#isCodeEditorReady.asObservable();
@@ -161,7 +162,7 @@ ${currentContent}`;
             this.setIsNew(false);
             // TODO: this might not be the right place to alert the tree, but it works for now
             const eventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
-            const event = new UmbRequestReloadTreeItemChildrenEvent({
+            const event = new UmbRequestReloadChildrenOfEntityEvent({
                 entityType: parent.entityType,
                 unique: parent.unique,
             });

package/dist-cms/packages/tiny-mce/components/input-tiny-mce/input-tiny-mce.defaults.js

@@ -31,7 +31,7 @@ export const defaultFallbackConfig = {
         },
         {
             title: 'Blocks',
-            items: [{ title: 'Normal', block: 'p' }],
+            items: [{ title: 'Paragraph', block: 'p' }],
         },
         {
             title: 'Containers',

package/dist-cms/packages/tiny-mce/components/input-tiny-mce/input-tiny-mce.element.js

@@ -17,6 +17,7 @@ import { UmbChangeEvent } from '../../../core/event/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import { UmbStylesheetDetailRepository, UmbStylesheetRuleManager } from '../../../templating/stylesheets/index.js';
 import { UUIFormControlMixin } from '../../../../external/uui/index.js';
+import { renderEditor, } from '../../../../external/tinymce/index.js';
 /**
  * Handles the resize event
  */
@@ -43,8 +44,6 @@ let UmbInputTinyMceElement = class UmbInputTinyMceElement extends UUIFormControl
         this.#stylesheetRepository = new UmbStylesheetDetailRepository(this);
         this.#umbStylesheetRuleManager = new UmbStylesheetRuleManager();
     }
-    // eslint-disable-next-line @typescript-eslint/consistent-type-imports
-    #renderEditor;
     #plugins;
     #editorRef;
     #stylesheetRepository;
@@ -63,19 +62,13 @@ let UmbInputTinyMceElement = class UmbInputTinyMceElement extends UUIFormControl
         return super.value;
     }
     async firstUpdated() {
-        // Here we want to start the loading of everything at first, not one at a time, which is why this code is not using await.
-        const loadEditor = import('../../../../external/tinymce/index.js').then((tinyMce) => {
-            this.#renderEditor = tinyMce.renderEditor;
-        });
-        await Promise.all([loadEditor, ...(await this.#loadPlugins())]);
+        await Promise.all([...(await this.#loadPlugins())]);
         await this.#setTinyConfig();
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        if (this.#editorRef) {
-            // TODO: Test if there is any problems with destroying the RTE here, but not initializing on connectedCallback. (firstUpdated is only called first time the element is rendered, not when it is reconnected)
-            this.#editorRef.destroy();
-        }
+        // TODO: Test if there is any problems with destroying the RTE here, but not initializing on connectedCallback. (firstUpdated is only called first time the element is rendered, not when it is reconnected)
+        this.#editorRef?.destroy();
     }
     /**
      * Load all custom plugins - need to split loading and instantiating as these
@@ -85,7 +78,7 @@ let UmbInputTinyMceElement = class UmbInputTinyMceElement extends UUIFormControl
      */
     async #loadPlugins() {
         const observable = umbExtensionsRegistry?.byType('tinyMcePlugin');
-        const manifests = (await firstValueFrom(observable));
+        const manifests = await firstValueFrom(observable);
         const promises = [];
         for (const manifest of manifests) {
             if (manifest.js) {
@@ -157,10 +150,10 @@ let UmbInputTinyMceElement = class UmbInputTinyMceElement extends UUIFormControl
         // create an object by merging the configuration onto the fallback config
         const configurationOptions = {
             ...defaultFallbackConfig,
-            height: dimensions?.height || undefined,
-            width: dimensions?.width || undefined,
-            content_css: stylesheets,
-            style_formats: styleFormats,
+            height: dimensions?.height ?? defaultFallbackConfig.height,
+            width: dimensions?.width ?? defaultFallbackConfig.width,
+            content_css: stylesheets.length ? stylesheets : defaultFallbackConfig.content_css,
+            style_formats: styleFormats.length ? styleFormats : defaultFallbackConfig.style_formats,
         };
         // no auto resize when a fixed height is set
         if (!configurationOptions.height) {
@@ -208,10 +201,10 @@ let UmbInputTinyMceElement = class UmbInputTinyMceElement extends UUIFormControl
         if (this.#editorRef) {
             this.#editorRef.destroy();
         }
-        if (!this.#renderEditor) {
-            throw new Error('TinyMCE renderEditor is not loaded');
-        }
-        const editors = await this.#renderEditor(this._tinyConfig);
+        const editors = await renderEditor(this._tinyConfig).catch((error) => {
+            console.error('Failed to render TinyMCE', error);
+            return [];
+        });
         this.#editorRef = editors.pop();
     }
     /**
@@ -258,7 +251,7 @@ let UmbInputTinyMceElement = class UmbInputTinyMceElement extends UUIFormControl
             onResize(e);
             this.#onChange(editor.getContent());
         });
-        editor.on('SetContent', (e) => {
+        editor.on('SetContent', () => {
             /**
              * Prevent injecting arbitrary JavaScript execution in on-attributes.
              *
@@ -289,16 +282,13 @@ let UmbInputTinyMceElement = class UmbInputTinyMceElement extends UUIFormControl
      * a target div and binds the RTE to that element
      */
     render() {
-        return html `<div id="editor"></div>`;
+        return html `<div class="editor"></div>`;
     }
     static { this.styles = [
         css `
-			#editor {
+			.tox-tinymce {
 				position: relative;
 				min-height: 100px;
-			}
-
-			.tox-tinymce {
 				border-radius: 0;
 				border: var(--uui-input-border-width, 1px) solid var(--uui-input-border-color, var(--uui-color-border, #d8d7d9));
 			}
@@ -334,7 +324,7 @@ __decorate([
     state()
 ], UmbInputTinyMceElement.prototype, "_tinyConfig", void 0);
 __decorate([
-    query('#editor', true)
+    query('.editor', true)
 ], UmbInputTinyMceElement.prototype, "_editorElement", void 0);
 UmbInputTinyMceElement = __decorate([
     customElement('umb-input-tiny-mce')

package/dist-cms/packages/tiny-mce/plugins/manifests.js

@@ -14,26 +14,6 @@ export const manifests = [
             ],
         },
     },
-    {
-        type: 'tinyMcePlugin',
-        alias: 'Umb.TinyMcePlugin.LinkPicker',
-        name: 'Link Picker TinyMCE Plugin',
-        js: () => import('./tiny-mce-linkpicker.plugin.js'),
-        meta: {
-            toolbar: [
-                {
-                    alias: 'link',
-                    label: 'Insert/Edit link',
-                    icon: 'link',
-                },
-                {
-                    alias: 'unlink',
-                    label: 'Remove link',
-                    icon: 'unlink',
-                },
-            ],
-        },
-    },
     {
         type: 'tinyMcePlugin',
         alias: 'Umb.TinyMcePlugin.MediaPicker',

package/dist-cms/packages/tiny-mce/plugins/tiny-mce-mediapicker.plugin.js

@@ -1,9 +1,10 @@
+import { getGuid } from '../utils.js';
 import { UMB_MEDIA_CAPTION_ALT_TEXT_MODAL } from '../modals/media-caption-alt-text/media-caption-alt-text-modal.token.js';
 import { UmbTinyMcePluginBase } from '../components/input-tiny-mce/tiny-mce-plugin.js';
 import { UMB_MODAL_MANAGER_CONTEXT } from '../../core/modal/index.js';
 import { UmbTemporaryFileRepository } from '../../core/temporary-file/index.js';
 import { UmbId } from '../../core/id/index.js';
-import { sizeImageInEditor, uploadBlobImages, UMB_MEDIA_TREE_PICKER_MODAL } from '../../media/media/index.js';
+import { sizeImageInEditor, uploadBlobImages, UMB_MEDIA_PICKER_MODAL } from '../../media/media/index.js';
 export default class UmbTinyMceMediaPickerPlugin extends UmbTinyMcePluginBase {
     #currentUser;
     #currentUserContext;
@@ -97,15 +98,13 @@ export default class UmbTinyMceMediaPickerPlugin extends UmbTinyMcePluginBase {
         }
         */
         // TODO => startNodeId and startNodeIsVirtual do not exist on ContentTreeItemResponseModel
-        const modalHandler = this.#modalManager?.open(this, UMB_MEDIA_TREE_PICKER_MODAL, {
+        const modalHandler = this.#modalManager?.open(this, UMB_MEDIA_PICKER_MODAL, {
             data: {
                 multiple: false,
-                hideTreeRoot: true,
-                //startNodeId,
                 //startNodeIsVirtual,
             },
             value: {
-                selection: currentTarget.udi ? [...currentTarget.udi] : [],
+                selection: currentTarget.udi ? [getGuid(currentTarget.udi)] : [],
             },
         });
         if (!modalHandler)
@@ -120,8 +119,9 @@ export default class UmbTinyMceMediaPickerPlugin extends UmbTinyMcePluginBase {
         if (!mediaUnique)
             return;
         const modalHandler = this.#modalManager?.open(this, UMB_MEDIA_CAPTION_ALT_TEXT_MODAL, { data: { mediaUnique } });
-        await modalHandler?.onSubmit().catch(() => undefined);
-        const mediaData = modalHandler?.getValue();
+        const mediaData = await modalHandler?.onSubmit().catch(() => null);
+        if (!mediaData)
+            return;
         const media = {
             altText: mediaData?.altText,
             caption: mediaData?.caption,

package/dist-cms/packages/tiny-mce/utils.d.ts

@@ -0,0 +1 @@
+export declare function getGuid(udi: string): string;

package/dist-cms/packages/tiny-mce/utils.js

@@ -0,0 +1,9 @@
+export function getGuid(udi) {
+    if (!udi.startsWith('umb://'))
+        throw new Error('udi does not start with umb://');
+    const withoutScheme = udi.replace('umb://', '');
+    const withoutHost = withoutScheme.split('/')[1];
+    if (withoutHost.length !== 32)
+        throw new Error('udi is not 32 chars');
+    return `${withoutHost.substring(0, 8)}-${withoutHost.substring(8, 12)}-${withoutHost.substring(12, 16)}-${withoutHost.substring(16, 20)}-${withoutHost.substring(20)}`;
+}

package/dist-cms/packages/umbraco-news/umbraco-news-dashboard.element.js

@@ -11,23 +11,23 @@ import { UmbLitElement } from '../core/lit-element/index.js';
 let UmbUmbracoNewsDashboardElement = class UmbUmbracoNewsDashboardElement extends UmbLitElement {
     #infoLinks = [
         {
-            name: 'Documentation',
-            description: 'Find the answers to all your Umbraco questions',
+            name: this.localize.term('welcomeDashboard_documentationHeadline'),
+            description: this.localize.term('welcomeDashboard_documentationDescription'),
             href: 'https://docs.umbraco.com/?utm_source=core&utm_medium=dashboard&utm_campaign=docs',
         },
         {
-            name: 'Community',
-            description: 'Get support and inspiration from driven Umbraco experts',
+            name: this.localize.term('welcomeDashboard_communityHeadline'),
+            description: this.localize.term('welcomeDashboard_communityDescription'),
             href: 'https://our.umbraco.com/?utm_source=core&utm_medium=dashboard&utm_content=text&utm_campaign=our_forum',
         },
         {
-            name: 'Resources',
-            description: 'Free video tutorials to jumpstart your journey with the CMS',
+            name: this.localize.term('welcomeDashboard_resourcesHeadline'),
+            description: this.localize.term('welcomeDashboard_resourcesDescription'),
             href: 'https://umbraco.com/resources/?utm_source=core&utm_medium=dashboard&utm_content=text&utm_campaign=resources',
         },
         {
-            name: 'Training',
-            description: 'Real-life training and official Umbraco certifications',
+            name: this.localize.term('welcomeDashboard_trainingHeadline'),
+            description: this.localize.term('welcomeDashboard_trainingDescription'),
             href: 'https://umbraco.com/training/?utm_source=core&utm_medium=dashboard&utm_content=text&utm_campaign=training',
         },
     ];
@@ -36,17 +36,13 @@ let UmbUmbracoNewsDashboardElement = class UmbUmbracoNewsDashboardElement extend
 			<div id="info-links" class="uui-text">
 				<uui-box id="our-umbraco">
 					<div>
-						<h2 class="uui-h3">Our Umbraco - The Friendliest Community</h2>
-						<p>
-							Our Umbraco, the official community site, is your one-stop-shop for everything Umbraco. Whether you need a
-							question answered, cool plugins, or a guide of how to do something in Umbraco, the world's best and
-							friendliest community is just a click away.
-						</p>
+						<h2 class="uui-h3">${this.localize.term('welcomeDashboard_ourUmbracoHeadline')}</h2>
+						<p>${this.localize.term('welcomeDashboard_ourUmbracoDescription')}</p>
 						<uui-button
 							look="primary"
 							target="_blank"
 							href="https://our.umbraco.com/?utm_source=core&utm_medium=dashboard&utm_content=image&utm_campaign=our"
-							label="Visit Our Umbraco"></uui-button>
+							label=${this.localize.term('welcomeDashboard_ourUmbracoButton')}></uui-button>
 					</div>
 				</uui-box>
 				${this.#infoLinks.map((link) => html `

package/dist-cms/packages/user/current-user/current-user-header-app.element.d.ts

@@ -1,6 +1,6 @@
 import type { CSSResultGroup } from '../../../external/lit/index.js';
-import { UmbLitElement } from '../../core/lit-element/index.js';
-export declare class UmbCurrentUserHeaderAppElement extends UmbLitElement {
+import { UmbHeaderAppButtonElement } from '../../core/components/index.js';
+export declare class UmbCurrentUserHeaderAppElement extends UmbHeaderAppButtonElement {
     #private;
     private _currentUser?;
     private _userAvatarUrls;

package/dist-cms/packages/user/current-user/current-user-header-app.element.js

@@ -5,12 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_CURRENT_USER_MODAL } from './modals/current-user/current-user-modal.token.js';
-import { UmbTextStyles } from '../../core/style/index.js';
 import { css, html, customElement, state, ifDefined } from '../../../external/lit/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT } from '../../core/modal/index.js';
-import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UMB_CURRENT_USER_CONTEXT } from './index.js';
-let UmbCurrentUserHeaderAppElement = class UmbCurrentUserHeaderAppElement extends UmbLitElement {
+import { UmbHeaderAppButtonElement } from '../../core/components/index.js';
+let UmbCurrentUserHeaderAppElement = class UmbCurrentUserHeaderAppElement extends UmbHeaderAppButtonElement {
     #currentUserContext;
     constructor() {
         super();
@@ -81,11 +80,10 @@ let UmbCurrentUserHeaderAppElement = class UmbCurrentUserHeaderAppElement extend
 		`;
     }
     static { this.styles = [
-        UmbTextStyles,
+        UmbHeaderAppButtonElement.styles,
         css `
 			uui-button {
 				font-size: 14px;
-				--uui-button-background-color: transparent;
 			}
 		`,
     ]; }

package/dist-cms/packages/user/current-user/current-user.context.d.ts

@@ -7,6 +7,8 @@ export declare class UmbCurrentUserContext extends UmbContextBase<UmbCurrentUser
     readonly currentUser: import("rxjs/internal/Observable").Observable<UmbCurrentUserModel | undefined>;
     readonly unique: import("rxjs/internal/Observable").Observable<string | undefined>;
     readonly languageIsoCode: import("rxjs/internal/Observable").Observable<string | undefined>;
+    readonly hasDocumentRootAccess: import("rxjs/internal/Observable").Observable<boolean | undefined>;
+    readonly hasMediaRootAccess: import("rxjs/internal/Observable").Observable<boolean | undefined>;
     constructor(host: UmbControllerHost);
     /**
      * Loads the current user

package/dist-cms/packages/user/current-user/current-user.context.js

@@ -15,6 +15,8 @@ export class UmbCurrentUserContext extends UmbContextBase {
         this.currentUser = this.#currentUser.asObservable();
         this.unique = this.#currentUser.asObservablePart((user) => user?.unique);
         this.languageIsoCode = this.#currentUser.asObservablePart((user) => user?.languageIsoCode);
+        this.hasDocumentRootAccess = this.#currentUser.asObservablePart((user) => user?.hasDocumentRootAccess);
+        this.hasMediaRootAccess = this.#currentUser.asObservablePart((user) => user?.hasMediaRootAccess);
         this.#currentUserRepository = new UmbCurrentUserRepository(this);
         this.consumeContext(UMB_AUTH_CONTEXT, (instance) => {
             this.#authContext = instance;

package/dist-cms/packages/user/current-user/external-login/configure-external-login-providers-action.d.ts

@@ -0,0 +1,6 @@
+import { UmbActionBase } from '../../../core/action/index.js';
+import type { UmbCurrentUserAction, UmbCurrentUserActionArgs } from '../../../core/extension-registry/index.js';
+export declare class UmbConfigureExternalLoginProvidersApi<ArgsMetaType = never> extends UmbActionBase<UmbCurrentUserActionArgs<ArgsMetaType>> implements UmbCurrentUserAction<ArgsMetaType> {
+    getHref(): Promise<undefined>;
+    execute(): Promise<void>;
+}

package/dist-cms/packages/user/current-user/external-login/configure-external-login-providers-action.js

@@ -0,0 +1,12 @@
+import { UMB_CURRENT_USER_EXTERNAL_LOGIN_MODAL } from './modals/external-login-modal.token.js';
+import { UmbActionBase } from '../../../core/action/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT } from '../../../core/modal/index.js';
+export class UmbConfigureExternalLoginProvidersApi extends UmbActionBase {
+    async getHref() {
+        return undefined;
+    }
+    async execute() {
+        const modalManagerContext = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
+        await modalManagerContext.open(this, UMB_CURRENT_USER_EXTERNAL_LOGIN_MODAL).onSubmit();
+    }
+}

package/dist-cms/packages/user/current-user/external-login/manifests.d.ts

@@ -0,0 +1,4 @@
+import type { ManifestCurrentUserActionDefaultKind, ManifestModal } from '../../../core/extension-registry/index.js';
+export declare const modals: Array<ManifestModal>;
+export declare const userProfileApps: Array<ManifestCurrentUserActionDefaultKind>;
+export declare const manifests: (ManifestModal | ManifestCurrentUserActionDefaultKind<import("../../../core/extension-registry/index.js").MetaCurrentUserActionDefaultKind>)[];

package/dist-cms/packages/user/current-user/external-login/manifests.js

@@ -0,0 +1,30 @@
+import { UmbConfigureExternalLoginProvidersApi } from './configure-external-login-providers-action.js';
+export const modals = [
+    {
+        type: 'modal',
+        alias: 'Umb.Modal.CurrentUserExternalLogin',
+        name: 'External Login Modal',
+        js: () => import('./modals/external-login-modal.element.js'),
+    },
+];
+export const userProfileApps = [
+    {
+        type: 'currentUserAction',
+        kind: 'default',
+        alias: 'Umb.CurrentUser.App.ExternalLoginProviders',
+        name: 'External Login Providers Current User App',
+        weight: 700,
+        api: UmbConfigureExternalLoginProvidersApi,
+        meta: {
+            label: '#defaultdialogs_externalLoginProviders',
+            icon: 'icon-lock',
+            look: 'secondary',
+        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.User.AllowExternalLoginAction',
+            },
+        ],
+    },
+];
+export const manifests = [...modals, ...userProfileApps];

package/dist-cms/packages/user/current-user/external-login/modals/external-login-modal.element.d.ts

@@ -0,0 +1,22 @@
+import type { UmbCurrentUserExternalLoginProviderModel } from '../../types.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { type UmbModalContext } from '../../../../core/modal/index.js';
+type UmbExternalLoginProviderOption = UmbCurrentUserExternalLoginProviderModel & {
+    displayName: string;
+    icon?: string;
+    existsOnServer: boolean;
+};
+export declare class UmbCurrentUserExternalLoginModalElement extends UmbLitElement {
+    #private;
+    modalContext?: UmbModalContext;
+    _items: Array<UmbExternalLoginProviderOption>;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbCurrentUserExternalLoginModalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-current-user-external-login-modal': UmbCurrentUserExternalLoginModalElement;
+    }
+}