create modal to show auth providers

src/Umbraco.Web.UI.Client/src/packages/core/auth/index.ts

@@ -1,3 +1,4 @@
 export * from './auth.context.js';
 export * from './auth.context.token.js';
+export * from './modals/index.js';
 export * from './models/openApiConfiguration.js';

src/Umbraco.Web.UI.Client/src/packages/core/auth/manifests.ts

@@ -0,0 +1,4 @@
+import type { ManifestTypes } from '../extension-registry/models/index.js';
+import { manifests as modalManifests } from './modals/manifests.js';
+
+export const manifests: Array<ManifestTypes> = [...modalManifests];

src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/index.ts

@@ -0,0 +1 @@
+export * from './umb-app-auth-modal.token.js';

src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/manifests.ts

@@ -0,0 +1,10 @@
+import type { ManifestModal } from '@umbraco-cms/backoffice/extension-registry';
+
+export const manifests: Array<ManifestModal> = [
+	{
+		type: 'modal',
+		alias: 'Umb.Modal.AppAuth',
+		name: 'Umb App Auth Modal',
+		js: () => import('./umb-app-auth-modal.element.js'),
+	},
+];

src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts

@@ -0,0 +1,17 @@
+import { customElement, html } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+
+@customElement('umb-app-auth-modal')
+export class UmbAppAuthModalElement extends UmbLitElement {
+	render() {
+		return html`<h1>Umb App Auth Modal</h1>`;
+	}
+}
+
+export default UmbAppAuthModalElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-app-auth-modal': UmbAppAuthModalElement;
+	}
+}

src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.token.ts

@@ -0,0 +1,8 @@
+import { UmbModalToken } from '@umbraco-cms/backoffice/modal';
+
+export const UMB_MODAL_APP_AUTH = new UmbModalToken('Umb.Modal.AppAuth', {
+	modal: {
+		size: 'small',
+		type: 'dialog',
+	},
+});

src/Umbraco.Web.UI.Client/src/packages/core/manifests.ts

@@ -1,3 +1,4 @@
+import { manifests as authManifests } from './auth/manifests.js';
 import { manifests as collectionManifests } from './collection/manifests.js';
 import { manifests as contentTypeManifests } from './content-type/manifests.js';
 import { manifests as cultureManifests } from './culture/manifests.js';
@@ -18,6 +19,7 @@ import { manifests as workspaceManifests } from './workspace/manifests.js';
 import type { ManifestTypes, UmbBackofficeManifestKind } from './extension-registry/index.js';
 
 export const manifests: Array<ManifestTypes | UmbBackofficeManifestKind> = [
+	...authManifests,
 	...collectionManifests,
 	...contentTypeManifests,
 	...cultureManifests,