@umbraco-cms/backoffice 17.3.4 → 17.4.0-rc

package/dist-cms/packages/members/member/profile-data/info-app/manifests.js

@@ -0,0 +1,22 @@
+import { UMB_MEMBER_WORKSPACE_ALIAS } from '../../workspace/constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS, UMB_WORKSPACE_ENTITY_IS_NEW_CONDITION_ALIAS, } from '../../../../core/workspace/index.js';
+export const manifests = [
+    {
+        type: 'workspaceInfoApp',
+        name: 'Member Profile Data Workspace Info App',
+        alias: 'Umb.WorkspaceInfoApp.Member.ProfileData',
+        element: () => import('./member-profile-data-workspace-info-app.element.js'),
+        // Higher weight surfaces the box above "Referenced by" (which has no explicit weight).
+        weight: 100,
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_MEMBER_WORKSPACE_ALIAS,
+            },
+            {
+                alias: UMB_WORKSPACE_ENTITY_IS_NEW_CONDITION_ALIAS,
+                match: false,
+            },
+        ],
+    },
+];

package/dist-cms/packages/members/member/profile-data/info-app/member-profile-data-workspace-info-app.element.d.ts

@@ -0,0 +1,15 @@
+import { nothing } from '../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+export declare class UmbMemberProfileDataWorkspaceInfoAppElement extends UmbLitElement {
+    #private;
+    private _profileData?;
+    constructor();
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UmbMemberProfileDataWorkspaceInfoAppElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-member-profile-data-workspace-info-app': UmbMemberProfileDataWorkspaceInfoAppElement;
+    }
+}

package/dist-cms/packages/members/member/profile-data/info-app/member-profile-data-workspace-info-app.element.js

@@ -0,0 +1,170 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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_MEMBER_WORKSPACE_CONTEXT } from '../../workspace/member/member-workspace.context-token.js';
+import { css, customElement, html, nothing, state } from '../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+let UmbMemberProfileDataWorkspaceInfoAppElement = class UmbMemberProfileDataWorkspaceInfoAppElement extends UmbLitElement {
+    constructor() {
+        super();
+        this.consumeContext(UMB_MEMBER_WORKSPACE_CONTEXT, (context) => {
+            this.observe(context?.profileData, (data) => (this._profileData = data));
+        });
+    }
+    #formatKey(key) {
+        // Convert camelCase / PascalCase / snake_case / kebab-case into "Title Case".
+        // Common IdP claim shapes: givenName, family_name, preferred-username, Email, etc.
+        return key
+            .replace(/[_-]+/g, ' ')
+            .replace(/([a-z])([A-Z])/g, '$1 $2')
+            .replace(/\s+/g, ' ')
+            .trim()
+            .replace(/\b\w/g, (c) => c.toUpperCase());
+    }
+    #renderValue(value, depth = 0) {
+        if (value === null || value === undefined) {
+            return html `<em>${this.localize.term('general_none')}</em>`;
+        }
+        if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+            return String(value);
+        }
+        if (Array.isArray(value)) {
+            // Arrays of primitives read well as a comma-separated list;
+            // anything richer falls back to JSON so the structure stays visible.
+            const allPrimitive = value.every((v) => v === null ||
+                v === undefined ||
+                typeof v === 'string' ||
+                typeof v === 'number' ||
+                typeof v === 'boolean');
+            if (allPrimitive) {
+                return value.map((v) => (v === null || v === undefined ? '—' : String(v))).join(', ');
+            }
+            return html `<pre>${JSON.stringify(value, null, 2)}</pre>`;
+        }
+        // Nested object — recurse one level, then fall back to JSON for anything deeper
+        // so the panel stays readable on pathological input.
+        if (depth >= 1) {
+            return html `<pre>${JSON.stringify(value, null, 2)}</pre>`;
+        }
+        const entries = Object.entries(value);
+        if (entries.length === 0) {
+            return html `<em>${this.localize.term('general_none')}</em>`;
+        }
+        return html `
+			<div class="nested">
+				${entries.map(([key, childValue]) => html `
+						<div class="nested-entry">
+							<span class="nested-key">${this.#formatKey(key)}</span>
+							<span class="nested-value">${this.#renderValue(childValue, depth + 1)}</span>
+						</div>
+					`)}
+			</div>
+		`;
+    }
+    #renderContent() {
+        if (!this._profileData)
+            return nothing;
+        let parsed;
+        try {
+            parsed = JSON.parse(this._profileData);
+        }
+        catch {
+            // Not valid JSON — fall back to the raw string.
+            return html `<pre>${this._profileData}</pre>`;
+        }
+        // Top-level object: render each property as a label/value row — label left, value right —
+        // matching the existing Username / Email / Member Group layout via <umb-property-layout>.
+        // Anything else (primitive, array, top-level array) falls back to pretty-printed JSON.
+        if (parsed !== null && typeof parsed === 'object' && !Array.isArray(parsed)) {
+            const entries = Object.entries(parsed);
+            if (entries.length === 0)
+                return nothing;
+            return html `
+				${entries.map(([key, value]) => html `
+						<umb-property-layout label=${this.#formatKey(key)}>
+							<div slot="editor">${this.#renderValue(value)}</div>
+						</umb-property-layout>
+					`)}
+			`;
+        }
+        return html `<pre>${JSON.stringify(parsed, null, 2)}</pre>`;
+    }
+    render() {
+        // Only render the box for members that actually have profile data (i.e. external members
+        // whose integrator populated it). Content members and external members without a profile
+        // payload skip the box entirely.
+        if (!this._profileData)
+            return nothing;
+        return html `
+			<umb-workspace-info-app-layout headline="#member_profileData">
+				${this.#renderContent()}
+			</umb-workspace-info-app-layout>
+		`;
+    }
+    static { this.styles = [
+        css `
+			/*
+			 * umb-workspace-info-app-layout zeroes --uui-box-default-padding so sibling apps can
+			 * paint edge-to-edge. Reintroduce the inset on our rows so label + value align with
+			 * the Username / Email / Member Group box above.
+			 */
+			umb-property-layout {
+				padding: var(--uui-size-space-4) var(--uui-size-layout-1);
+			}
+			umb-property-layout:first-of-type {
+				padding-top: var(--uui-size-space-5);
+			}
+			umb-property-layout:last-of-type {
+				padding-bottom: var(--uui-size-space-5);
+			}
+
+			pre {
+				margin: var(--uui-size-space-3) var(--uui-size-layout-1);
+				padding: var(--uui-size-space-3) var(--uui-size-space-5);
+				background: var(--uui-color-surface-alt);
+				border-radius: var(--uui-border-radius, 3px);
+				white-space: pre-wrap;
+				word-break: break-word;
+				font-family: var(--uui-font-family-mono, monospace);
+				font-size: var(--uui-type-small-size, 0.75rem);
+			}
+
+			.nested {
+				display: flex;
+				flex-direction: column;
+				gap: var(--uui-size-space-2);
+				padding-left: var(--uui-size-space-4);
+				border-left: 2px solid var(--uui-color-divider);
+			}
+			.nested-entry {
+				display: flex;
+				gap: var(--uui-size-space-4);
+				align-items: baseline;
+			}
+			.nested-key {
+				min-width: 120px;
+				flex-shrink: 0;
+				font-weight: 600;
+				color: var(--uui-color-text-alt);
+			}
+			.nested-value {
+				word-break: break-word;
+			}
+			/* Pretty-printed fallback inside a nested slot shouldn't carry the top-level box inset. */
+			.nested-value pre {
+				margin: 0;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbMemberProfileDataWorkspaceInfoAppElement.prototype, "_profileData", void 0);
+UmbMemberProfileDataWorkspaceInfoAppElement = __decorate([
+    customElement('umb-member-profile-data-workspace-info-app')
+], UmbMemberProfileDataWorkspaceInfoAppElement);
+export { UmbMemberProfileDataWorkspaceInfoAppElement };
+export default UmbMemberProfileDataWorkspaceInfoAppElement;

package/dist-cms/packages/members/member/profile-data/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/members/member/profile-data/manifests.js

@@ -0,0 +1,2 @@
+import { manifests as infoAppManifests } from './info-app/manifests.js';
+export const manifests = [...infoAppManifests];

package/dist-cms/packages/members/member/repository/detail/member-detail.server.data-source.js

@@ -19,13 +19,12 @@ export class UmbMemberServerDataSource extends UmbControllerBase {
      * @memberof UmbMemberServerDataSource
      */
     async createScaffold(preset = {}) {
-        let memberTypeIcon = '';
         const memberTypeUnique = preset.memberType?.unique;
         if (!memberTypeUnique) {
             throw new Error('Document type unique is missing');
         }
         const { data } = await new UmbMemberTypeDetailServerDataSource(this).read(memberTypeUnique);
-        memberTypeIcon = data?.icon ?? '';
+        const memberTypeIcon = data?.icon ?? '';
         const defaultData = {
             entityType: UMB_MEMBER_ENTITY_TYPE,
             unique: UmbId.new(),
@@ -43,6 +42,7 @@ export class UmbMemberServerDataSource extends UmbControllerBase {
             lastLoginDate: null,
             lastLockoutDate: null,
             lastPasswordChangeDate: null,
+            profileData: null,
             groups: [],
             values: [],
             flags: [],
@@ -91,6 +91,7 @@ export class UmbMemberServerDataSource extends UmbControllerBase {
             lastLoginDate: data.lastLoginDate || null,
             lastLockoutDate: data.lastLockoutDate || null,
             lastPasswordChangeDate: data.lastPasswordChangeDate || null,
+            profileData: data.profileData ?? null,
             groups: data.groups,
             values: data.values.map((value) => {
                 return {

package/dist-cms/packages/members/member/repository/detail/member-detail.store.js

@@ -12,7 +12,7 @@ export class UmbMemberDetailStore extends UmbDetailStoreBase {
      * @memberof UmbMemberDetailStore
      */
     constructor(host) {
-        super(host, UMB_MEMBER_DETAIL_STORE_CONTEXT.toString());
+        super(host, UMB_MEMBER_DETAIL_STORE_CONTEXT);
     }
 }
 export default UmbMemberDetailStore;

package/dist-cms/packages/members/member/types.d.ts

@@ -23,6 +23,7 @@ export interface UmbMemberDetailModel extends UmbContentDetailModel {
     };
     newPassword?: string;
     oldPassword?: string;
+    profileData: string | null;
     unique: string;
     username: string;
     values: Array<UmbMemberValueModel>;

package/dist-cms/packages/members/member/utils/index.d.ts

@@ -1,5 +1,6 @@
-export type UmbMemberKindType = 'Default' | 'Api';
+export type UmbMemberKindType = 'Default' | 'Api' | 'ExternalOnly';
 export declare const UmbMemberKind: Readonly<{
     DEFAULT: "Default";
     API: "Api";
+    EXTERNAL_ONLY: "ExternalOnly";
 }>;

package/dist-cms/packages/members/member/utils/index.js

@@ -1,4 +1,5 @@
 export const UmbMemberKind = Object.freeze({
     DEFAULT: 'Default',
     API: 'Api',
+    EXTERNAL_ONLY: 'ExternalOnly',
 });

package/dist-cms/packages/members/member/workspace/member/member-workspace-editor.element.d.ts

@@ -4,6 +4,7 @@ export declare class UmbMemberWorkspaceEditorElement extends UmbLitElement {
     private _splitViewElement;
     private _isForbidden;
     private _routes?;
+    private _isExternalOnly;
     constructor();
     private _gotWorkspaceRoute;
     render(): "" | import("lit-html").TemplateResult<1>;

package/dist-cms/packages/members/member/workspace/member/member-workspace-editor.element.js

@@ -4,6 +4,7 @@ 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 { UmbMemberKind } from '../../utils/index.js';
 import { UMB_MEMBER_WORKSPACE_CONTEXT } from './member-workspace.context-token.js';
 import { UmbMemberWorkspaceSplitViewElement } from './member-workspace-split-view.element.js';
 import { UmbTextStyles } from '../../../../core/style/index.js';
@@ -18,6 +19,7 @@ let UmbMemberWorkspaceEditorElement = class UmbMemberWorkspaceEditorElement exte
         // TODO: Refactor: when having a split view/variants context token, we can rename the split view/variants component to a generic and make this component generic as well. [NL]
         this._splitViewElement = new UmbMemberWorkspaceSplitViewElement();
         this._isForbidden = false;
+        this._isExternalOnly = false;
         this._gotWorkspaceRoute = (e) => {
             this.#workspaceRoute = e.target.absoluteRouterPath;
             this.#workspaceContext?.splitView.setWorkspaceRoute(this.#workspaceRoute);
@@ -26,6 +28,13 @@ let UmbMemberWorkspaceEditorElement = class UmbMemberWorkspaceEditorElement exte
             this.#workspaceContext = instance;
             this.#observeVariants();
             this.#observeForbidden();
+            this.observe(this.#workspaceContext?.kind, (kind) => {
+                this._isExternalOnly = kind === UmbMemberKind.EXTERNAL_ONLY;
+                if (this._isExternalOnly) {
+                    // External members have no content type variants — generate a single invariant route.
+                    this.#generateRoutes([{ unique: 'invariant', culture: null, segment: null }]);
+                }
+            }, '_observeKind');
         });
     }
     #observeVariants() {
@@ -111,6 +120,9 @@ __decorate([
 __decorate([
     state()
 ], UmbMemberWorkspaceEditorElement.prototype, "_routes", void 0);
+__decorate([
+    state()
+], UmbMemberWorkspaceEditorElement.prototype, "_isExternalOnly", void 0);
 UmbMemberWorkspaceEditorElement = __decorate([
     customElement('umb-member-workspace-editor')
 ], UmbMemberWorkspaceEditorElement);

package/dist-cms/packages/members/member/workspace/member/member-workspace-split-view.element.d.ts

@@ -5,6 +5,7 @@ export declare class UmbMemberWorkspaceSplitViewElement extends UmbLitElement {
     private _workspaceContext?;
     private _variants?;
     private _icon?;
+    private _isExternalOnly;
     constructor();
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/members/member/workspace/member/member-workspace-split-view.element.js

@@ -5,6 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_MEMBER_ROOT_WORKSPACE_PATH } from '../../paths.js';
+import { UmbMemberKind } from '../../utils/index.js';
 import { UMB_MEMBER_WORKSPACE_CONTEXT } from './member-workspace.context-token.js';
 import { UmbTextStyles } from '../../../../core/style/index.js';
 import { css, html, nothing, customElement, state, repeat, ifDefined } from '../../../../../external/lit/index.js';
@@ -12,11 +13,15 @@ import { UmbLitElement } from '../../../../core/lit-element/index.js';
 let UmbMemberWorkspaceSplitViewElement = class UmbMemberWorkspaceSplitViewElement extends UmbLitElement {
     constructor() {
         super();
+        this._isExternalOnly = false;
         // TODO: Refactor: use a split view workspace context token:
         this.consumeContext(UMB_MEMBER_WORKSPACE_CONTEXT, (context) => {
             this._workspaceContext = context;
             this.#observeActiveVariantInfo();
             this.#observeIcon();
+            this.observe(this._workspaceContext?.kind, (kind) => {
+                this._isExternalOnly = kind === UmbMemberKind.EXTERNAL_ONLY;
+            }, '_observeKind');
         });
     }
     #observeActiveVariantInfo() {
@@ -46,7 +51,7 @@ let UmbMemberWorkspaceSplitViewElement = class UmbMemberWorkspaceSplitViewElemen
 							`)}
 					</div>
 
-					<umb-workspace-footer alias="Umb.Workspace.Member"></umb-workspace-footer>`
+					${this._isExternalOnly ? nothing : html `<umb-workspace-footer alias="Umb.Workspace.Member"></umb-workspace-footer>`}`
             : nothing;
     }
     static { this.styles = [
@@ -79,6 +84,9 @@ __decorate([
 __decorate([
     state()
 ], UmbMemberWorkspaceSplitViewElement.prototype, "_icon", void 0);
+__decorate([
+    state()
+], UmbMemberWorkspaceSplitViewElement.prototype, "_isExternalOnly", void 0);
 UmbMemberWorkspaceSplitViewElement = __decorate([
     customElement('umb-member-workspace-split-view')
 ], UmbMemberWorkspaceSplitViewElement);

package/dist-cms/packages/members/member/workspace/member/member-workspace.context.d.ts

@@ -14,8 +14,11 @@ export declare class UmbMemberWorkspaceContext extends UmbContentDetailWorkspace
     readonly kind: import("rxjs").Observable<import("../../utils/index.js").UmbMemberKindType | undefined>;
     readonly createDate: import("rxjs").Observable<string | null | undefined>;
     readonly updateDate: import("rxjs").Observable<string | null | undefined>;
+    readonly profileData: import("rxjs").Observable<string | null | undefined>;
     constructor(host: UmbControllerHost);
     create(memberTypeUnique: string): Promise<UmbMemberDetailModel | undefined>;
+    protected _processIncomingData(data: ContentModel): Promise<ContentModel>;
+    submit(): Promise<void>;
     /**
      * Gets the unique identifier of the content type.
      * @deprecated Use `getContentTypeUnique` instead.

package/dist-cms/packages/members/member/workspace/member/member-workspace.context.js

@@ -1,6 +1,7 @@
 import { UmbMemberValidationRepository } from '../../repository/index.js';
 import { UmbMemberPropertyDatasetContext } from '../../property-dataset-context/member-property-dataset.context.js';
 import { UMB_MEMBER_ENTITY_TYPE, UMB_MEMBER_ROOT_ENTITY_TYPE } from '../../entity.js';
+import { UmbMemberKind } from '../../utils/index.js';
 import { UMB_MEMBER_DETAIL_REPOSITORY_ALIAS } from '../../repository/detail/manifests.js';
 import { UMB_CREATE_MEMBER_WORKSPACE_PATH_PATTERN, UMB_EDIT_MEMBER_WORKSPACE_PATH_PATTERN } from '../../paths.js';
 import { UMB_MEMBER_WORKSPACE_ALIAS, UMB_MEMBER_WORKSPACE_VIEW_MEMBER_ALIAS, UMB_MEMBER_DETAIL_MODEL_VARIANT_SCAFFOLD, } from './constants.js';
@@ -28,11 +29,14 @@ export class UmbMemberWorkspaceContext extends UmbContentDetailWorkspaceContextB
         this.#entityContentTypeContext = new UmbEntityContentTypeEntityContext(this);
         this.createDate = this._data.createObservablePartOfCurrent((data) => data?.variants[0].createDate);
         this.updateDate = this._data.createObservablePartOfCurrent((data) => data?.variants[0].updateDate);
+        this.profileData = this._data.createObservablePartOfCurrent((data) => data?.profileData);
         this.#hintedMsgs = new Set();
         this.observe(this.contentTypeUnique, (unique) => {
-            this.#entityContentTypeContext.setEntityType(unique ? UMB_MEMBER_TYPE_ENTITY_TYPE : undefined);
-            this.#entityContentTypeContext.setUnique(unique ?? undefined);
-            if (unique) {
+            // External-only members have no content type (empty Guid).
+            const hasContentType = unique && unique !== '00000000-0000-0000-0000-000000000000';
+            this.#entityContentTypeContext.setEntityType(hasContentType ? UMB_MEMBER_TYPE_ENTITY_TYPE : undefined);
+            this.#entityContentTypeContext.setUnique(hasContentType ? unique : undefined);
+            if (hasContentType) {
                 this.structure.loadType(unique);
             }
         }, null);
@@ -119,11 +123,26 @@ export class UmbMemberWorkspaceContext extends UmbContentDetailWorkspaceContextB
             preset: {
                 memberType: {
                     unique: memberTypeUnique,
-                    icon: 'icon-user',
                 },
             },
         });
     }
+    async _processIncomingData(data) {
+        // External-only members have no content type — skip the base class's
+        // content type loading which would 404 on the empty Guid.
+        if (data.kind === UmbMemberKind.EXTERNAL_ONLY) {
+            return data;
+        }
+        return super._processIncomingData(data);
+    }
+    async submit() {
+        // External-only members cannot be saved through the backoffice.
+        const data = this.getData();
+        if (data?.kind === UmbMemberKind.EXTERNAL_ONLY) {
+            throw new Error('External-only members cannot be modified through the backoffice.');
+        }
+        return super.submit();
+    }
     /**
      * Gets the unique identifier of the content type.
      * @deprecated Use `getContentTypeUnique` instead.

package/dist-cms/packages/members/member/workspace/member/views/member/member-workspace-view-member-info.element.js

@@ -8,7 +8,7 @@ import { UMB_MEMBER_WORKSPACE_CONTEXT } from '../../member-workspace.context-tok
 import { UmbMemberKind } from '../../../../utils/index.js';
 import { TimeFormatOptions } from './utils.js';
 import { UmbTextStyles } from '../../../../../../core/style/index.js';
-import { css, html, customElement, state, ifDefined } from '../../../../../../../external/lit/index.js';
+import { css, html, customElement, state, ifDefined, nothing } from '../../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
 import { UMB_WORKSPACE_MODAL } from '../../../../../../core/workspace/index.js';
 import { UmbModalRouteRegistrationController } from '../../../../../../core/router/index.js';
@@ -75,6 +75,9 @@ let UmbMemberWorkspaceViewMemberInfoElement = class UmbMemberWorkspaceViewMember
     render() {
         return this.#renderGeneralSection();
     }
+    #isExternalOnly() {
+        return this._memberKind === UmbMemberKind.EXTERNAL_ONLY;
+    }
     #renderGeneralSection() {
         return html `
 			<umb-stack look="compact">
@@ -86,22 +89,26 @@ let UmbMemberWorkspaceViewMemberInfoElement = class UmbMemberWorkspaceViewMember
 					<h4><umb-localize key="content_updateDate">Last edited</umb-localize></h4>
 					<span> ${this._updateDate} </span>
 				</div>
-				<div>
-					<h4><umb-localize key="content_membertype">Member Type</umb-localize></h4>
-					<uui-ref-node
-						standalone
-						.name=${this._memberTypeName}
-						href=${ifDefined(this._hasSettingsAccess ? this._editMemberTypePath + 'edit/' + this._memberTypeUnique : undefined)}
-						?readonly=${!this._hasSettingsAccess}>
-						<umb-icon slot="icon" .name=${this._memberTypeIcon}></umb-icon>
-					</uui-ref-node>
-				</div>
+				${this.#isExternalOnly()
+            ? nothing
+            : html `<div>
+							<h4><umb-localize key="content_membertype">Member Type</umb-localize></h4>
+							<uui-ref-node
+								standalone
+								.name=${this._memberTypeName}
+								href=${ifDefined(this._hasSettingsAccess ? this._editMemberTypePath + 'edit/' + this._memberTypeUnique : undefined)}
+								?readonly=${!this._hasSettingsAccess}>
+								<umb-icon slot="icon" .name=${this._memberTypeIcon}></umb-icon>
+							</uui-ref-node>
+						</div>`}
 				<div>
 					<h4><umb-localize key="member_kind"></umb-localize></h4>
 					<span
 						>${this._memberKind === UmbMemberKind.API
             ? this.localize.term('member_memberKindApi')
-            : this.localize.term('member_memberKindDefault')}</span
+            : this._memberKind === UmbMemberKind.EXTERNAL_ONLY
+                ? this.localize.term('member_memberKindExternalOnly')
+                : this.localize.term('member_memberKindDefault')}</span
 					>
 				</div>
 				<div>

package/dist-cms/packages/members/member/workspace/member/views/member/member-workspace-view-member.element.d.ts

@@ -9,6 +9,7 @@ export declare class UmbMemberWorkspaceViewMemberElement extends UmbLitElement i
     private _newPasswordError;
     private _isNew;
     private _hasAccessToSensitiveData;
+    private _isExternalOnly;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }