From 22324f00471fffd7bc442f3504a0adedd3f27df2 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Thu, 4 Apr 2024 16:50:02 +0200
Subject: [PATCH] create modal to show auth providers

---
 .../src/packages/core/auth/index.ts             |  1 +
 .../src/packages/core/auth/manifests.ts         |  4 ++++
 .../src/packages/core/auth/modals/index.ts      |  1 +
 .../src/packages/core/auth/modals/manifests.ts  | 10 ++++++++++
 .../auth/modals/umb-app-auth-modal.element.ts   | 17 +++++++++++++++++
 .../auth/modals/umb-app-auth-modal.token.ts     |  8 ++++++++
 .../src/packages/core/manifests.ts              |  2 ++
 7 files changed, 43 insertions(+)
 create mode 100644 src/Umbraco.Web.UI.Client/src/packages/core/auth/manifests.ts
 create mode 100644 src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/index.ts
 create mode 100644 src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/manifests.ts
 create mode 100644 src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts
 create mode 100644 src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.token.ts

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/auth/index.ts b/src/Umbraco.Web.UI.Client/src/packages/core/auth/index.ts
index e6dc7d478d..e99e9b0dcf 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/auth/index.ts
+++ b/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';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/auth/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/core/auth/manifests.ts
new file mode 100644
index 0000000000..8ba79428c9
--- /dev/null
+++ b/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];
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/index.ts b/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/index.ts
new file mode 100644
index 0000000000..c574cd0af1
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/index.ts
@@ -0,0 +1 @@
+export * from './umb-app-auth-modal.token.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/manifests.ts
new file mode 100644
index 0000000000..315736dd1f
--- /dev/null
+++ b/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'),
+	},
+];
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts
new file mode 100644
index 0000000000..1f8418e3ca
--- /dev/null
+++ b/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;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.token.ts b/src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.token.ts
new file mode 100644
index 0000000000..4b4e39656b
--- /dev/null
+++ b/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',
+	},
+});
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/core/manifests.ts
index 66d11f9961..d80662cc2c 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/manifests.ts
+++ b/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,