From 37f9ae066b0149499e4b7e597481aa5a718fd2ab Mon Sep 17 00:00:00 2001
From: Nathaniel Nunes <n.nunes@clerkswell.com>
Date: Wed, 30 Oct 2024 20:48:53 +0530
Subject: [PATCH 1/3] Feature: Set the URL field as required and focus on it

---
 .../webhook/views/webhook-details-workspace-view.element.ts   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts b/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts
index cab305752c..1d7a321010 100644
--- a/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts
+++ b/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts
@@ -2,7 +2,7 @@ import { UMB_WEBHOOK_WORKSPACE_CONTEXT } from '../webhook-workspace.context-toke
 import type { UmbInputWebhookHeadersElement } from '../../../components/input-webhook-headers.element.js';
 import type { UmbInputWebhookEventsElement } from '../../../components/input-webhook-events.element.js';
 import { css, customElement, html, state, nothing } from '@umbraco-cms/backoffice/external/lit';
-import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { UmbLitElement, umbFocus } from '@umbraco-cms/backoffice/lit-element';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import type { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
 import type { UmbInputDocumentTypeElement } from '@umbraco-cms/backoffice/document-type';
@@ -112,7 +112,7 @@ export class UmbWebhookDetailsWorkspaceViewElement extends UmbLitElement impleme
 				<umb-property-layout
 					label=${this.localize.term('webhooks_url')}
 					description=${this.localize.term('webhooks_urlDescription')}>
-					<uui-input @input=${this.#onUrlChange} .value=${this._webhook.url} slot="editor"></uui-input>
+					<uui-input @input=${this.#onUrlChange} .value=${this._webhook.url} slot="editor" required="true" ${umbFocus()}></uui-input>
 				</umb-property-layout>
 				<umb-property-layout
 					label=${this.localize.term('webhooks_events')}

From 4370594fc53153f0d1b4b2da81cb01dd4603490a Mon Sep 17 00:00:00 2001
From: Nathaniel Nunes <n.nunes@clerkswell.com>
Date: Wed, 30 Oct 2024 21:38:57 +0530
Subject: [PATCH 2/3] Added mandatory asterix to webhook url label

---
 .../webhook/views/webhook-details-workspace-view.element.ts     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts b/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts
index 1d7a321010..122a2a55ce 100644
--- a/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts
+++ b/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts
@@ -111,7 +111,7 @@ export class UmbWebhookDetailsWorkspaceViewElement extends UmbLitElement impleme
 			<uui-box>
 				<umb-property-layout
 					label=${this.localize.term('webhooks_url')}
-					description=${this.localize.term('webhooks_urlDescription')}>
+					description=${this.localize.term('webhooks_urlDescription')} mandatory="true">
 					<uui-input @input=${this.#onUrlChange} .value=${this._webhook.url} slot="editor" required="true" ${umbFocus()}></uui-input>
 				</umb-property-layout>
 				<umb-property-layout

From f607cda6ad8f28ffa6efc1c3c9dcf95564754587 Mon Sep 17 00:00:00 2001
From: leekelleher <leekelleher@gmail.com>
Date: Mon, 4 Nov 2024 12:59:11 +0000
Subject: [PATCH 3/3] eslint/prettier formatting

removed redundant `true` value from the `mandatory` attribute
---
 .../views/webhook-details-workspace-view.element.ts    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts b/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts
index 122a2a55ce..c727415667 100644
--- a/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts
+++ b/src/packages/webhook/workspace/webhook/views/webhook-details-workspace-view.element.ts
@@ -110,9 +110,15 @@ export class UmbWebhookDetailsWorkspaceViewElement extends UmbLitElement impleme
 		return html`
 			<uui-box>
 				<umb-property-layout
+					mandatory
 					label=${this.localize.term('webhooks_url')}
-					description=${this.localize.term('webhooks_urlDescription')} mandatory="true">
-					<uui-input @input=${this.#onUrlChange} .value=${this._webhook.url} slot="editor" required="true" ${umbFocus()}></uui-input>
+					description=${this.localize.term('webhooks_urlDescription')}>
+					<uui-input
+						@input=${this.#onUrlChange}
+						.value=${this._webhook.url}
+						slot="editor"
+						required="true"
+						${umbFocus()}></uui-input>
 				</umb-property-layout>
 				<umb-property-layout
 					label=${this.localize.term('webhooks_events')}