web/admin: refactor property mappings forms (#10810)

web/src/admin/property-mappings/BasePropertyMappingForm.ts

@@ -1,11 +1,56 @@
+import { docLink } from "@goauthentik/common/global";
+import { CodeMirrorMode } from "@goauthentik/elements/CodeMirror";
 import { ModelForm } from "@goauthentik/elements/forms/ModelForm";
 
 import { msg } from "@lit/localize";
+import { TemplateResult, html } from "lit";
+import { ifDefined } from "lit/directives/if-defined.js";
+
+interface PropertyMapping {
+    name: string;
+    expression: string;
+}
+
+export abstract class BasePropertyMappingForm<T extends PropertyMapping> extends ModelForm<
+    T,
+    string
+> {
+    docLink(): string {
+        return "/docs/property-mappings/expression?utm_source=authentik";
+    }
 
-export abstract class BasePropertyMappingForm<T> extends ModelForm<T, string> {
     getSuccessMessage(): string {
         return this.instance
             ? msg("Successfully updated mapping.")
             : msg("Successfully created mapping.");
     }
+
+    renderExtraFields(): TemplateResult {
+        return html``;
+    }
+
+    renderForm(): TemplateResult {
+        return html` <ak-form-element-horizontal label=${msg("Name")} required name="name">
+                <input
+                    type="text"
+                    value="${ifDefined(this.instance?.name)}"
+                    class="pf-c-form-control"
+                    required
+                />
+            </ak-form-element-horizontal>
+            ${this.renderExtraFields()}
+            <ak-form-element-horizontal label=${msg("Expression")} required name="expression">
+                <ak-codemirror
+                    mode=${CodeMirrorMode.Python}
+                    value="${ifDefined(this.instance?.expression)}"
+                >
+                </ak-codemirror>
+                <p class="pf-c-form__helper-text">
+                    ${msg("Expression using Python.")}
+                    <a target="_blank" rel="noopener noreferrer" href="${docLink(this.docLink())}">
+                        ${msg("See documentation for a list of all variables.")}
+                    </a>
+                </p>
+            </ak-form-element-horizontal>`;
+    }
 }

web/src/admin/property-mappings/PropertyMappingGoogleWorkspaceForm.ts

@@ -1,14 +1,9 @@
 import { BasePropertyMappingForm } from "@goauthentik/admin/property-mappings/BasePropertyMappingForm";
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
-import { docLink } from "@goauthentik/common/global";
 import "@goauthentik/elements/CodeMirror";
-import { CodeMirrorMode } from "@goauthentik/elements/CodeMirror";
 import "@goauthentik/elements/forms/HorizontalFormElement";
 
-import { msg } from "@lit/localize";
-import { TemplateResult, html } from "lit";
 import { customElement } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
 
 import { GoogleWorkspaceProviderMapping, PropertymappingsApi } from "@goauthentik/api";
 
@@ -38,38 +33,6 @@ export class PropertyMappingGoogleWorkspaceForm extends BasePropertyMappingForm<
             });
         }
     }
-
-    renderForm(): TemplateResult {
-        return html` <ak-form-element-horizontal label=${msg("Name")} ?required=${true} name="name">
-                <input
-                    type="text"
-                    value="${ifDefined(this.instance?.name)}"
-                    class="pf-c-form-control"
-                    required
-                />
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
-                label=${msg("Expression")}
-                ?required=${true}
-                name="expression"
-            >
-                <ak-codemirror
-                    mode=${CodeMirrorMode.Python}
-                    value="${ifDefined(this.instance?.expression)}"
-                >
-                </ak-codemirror>
-                <p class="pf-c-form__helper-text">
-                    ${msg("Expression using Python.")}
-                    <a
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        href="${docLink("/docs/property-mappings/expression?utm_source=authentik")}"
-                    >
-                        ${msg("See documentation for a list of all variables.")}
-                    </a>
-                </p>
-            </ak-form-element-horizontal>`;
-    }
 }
 
 declare global {

web/src/admin/property-mappings/PropertyMappingLDAPSourceForm.ts

@@ -1,14 +1,9 @@
 import { BasePropertyMappingForm } from "@goauthentik/admin/property-mappings/BasePropertyMappingForm";
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
-import { docLink } from "@goauthentik/common/global";
 import "@goauthentik/elements/CodeMirror";
-import { CodeMirrorMode } from "@goauthentik/elements/CodeMirror";
 import "@goauthentik/elements/forms/HorizontalFormElement";
 
-import { msg } from "@lit/localize";
-import { TemplateResult, html } from "lit";
 import { customElement } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
 
 import { LDAPSourcePropertyMapping, PropertymappingsApi } from "@goauthentik/api";
 
@@ -32,40 +27,6 @@ export class PropertyMappingLDAPSourceForm extends BasePropertyMappingForm<LDAPS
             });
         }
     }
-
-    renderForm(): TemplateResult {
-        return html` <ak-form-element-horizontal label=${msg("Name")} ?required=${true} name="name">
-                <input
-                    type="text"
-                    value="${ifDefined(this.instance?.name)}"
-                    class="pf-c-form-control"
-                    required
-                />
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
-                label=${msg("Expression")}
-                ?required=${true}
-                name="expression"
-            >
-                <ak-codemirror
-                    mode=${CodeMirrorMode.Python}
-                    value="${ifDefined(this.instance?.expression)}"
-                >
-                </ak-codemirror>
-                <p class="pf-c-form__helper-text">
-                    ${msg("Expression using Python.")}
-                    <a
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        href="${docLink(
-                            "/docs/sources/property-mappings/expression?utm_source=authentik",
-                        )}"
-                    >
-                        ${msg("See documentation for a list of all variables.")}
-                    </a>
-                </p>
-            </ak-form-element-horizontal>`;
-    }
 }
 
 declare global {

web/src/admin/property-mappings/PropertyMappingMicrosoftEntraForm.ts

@@ -1,14 +1,9 @@
 import { BasePropertyMappingForm } from "@goauthentik/admin/property-mappings/BasePropertyMappingForm";
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
-import { docLink } from "@goauthentik/common/global";
 import "@goauthentik/elements/CodeMirror";
-import { CodeMirrorMode } from "@goauthentik/elements/CodeMirror";
 import "@goauthentik/elements/forms/HorizontalFormElement";
 
-import { msg } from "@lit/localize";
-import { TemplateResult, html } from "lit";
 import { customElement } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
 
 import { MicrosoftEntraProviderMapping, PropertymappingsApi } from "@goauthentik/api";
 
@@ -38,38 +33,6 @@ export class PropertyMappingMicrosoftEntraForm extends BasePropertyMappingForm<M
             });
         }
     }
-
-    renderForm(): TemplateResult {
-        return html` <ak-form-element-horizontal label=${msg("Name")} ?required=${true} name="name">
-                <input
-                    type="text"
-                    value="${ifDefined(this.instance?.name)}"
-                    class="pf-c-form-control"
-                    required
-                />
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
-                label=${msg("Expression")}
-                ?required=${true}
-                name="expression"
-            >
-                <ak-codemirror
-                    mode=${CodeMirrorMode.Python}
-                    value="${ifDefined(this.instance?.expression)}"
-                >
-                </ak-codemirror>
-                <p class="pf-c-form__helper-text">
-                    ${msg("Expression using Python.")}
-                    <a
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        href="${docLink("/docs/property-mappings/expression?utm_source=authentik")}"
-                    >
-                        ${msg("See documentation for a list of all variables.")}
-                    </a>
-                </p>
-            </ak-form-element-horizontal>`;
-    }
 }
 
 declare global {

web/src/admin/property-mappings/PropertyMappingNotification.ts

@@ -1,14 +1,9 @@
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
-import { docLink } from "@goauthentik/common/global";
 import "@goauthentik/elements/CodeMirror";
-import { CodeMirrorMode } from "@goauthentik/elements/CodeMirror";
 import "@goauthentik/elements/forms/HorizontalFormElement";
 import { ModelForm } from "@goauthentik/elements/forms/ModelForm";
 
-import { msg } from "@lit/localize";
-import { TemplateResult, html } from "lit";
 import { customElement } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
 
 import { NotificationWebhookMapping, PropertymappingsApi } from "@goauthentik/api";
 
@@ -20,12 +15,6 @@ export class PropertyMappingNotification extends ModelForm<NotificationWebhookMa
         });
     }
 
-    getSuccessMessage(): string {
-        return this.instance
-            ? msg("Successfully updated mapping.")
-            : msg("Successfully created mapping.");
-    }
-
     async send(data: NotificationWebhookMapping): Promise<NotificationWebhookMapping> {
         if (this.instance) {
             return new PropertymappingsApi(DEFAULT_CONFIG).propertymappingsNotificationUpdate({
@@ -38,38 +27,6 @@ export class PropertyMappingNotification extends ModelForm<NotificationWebhookMa
             });
         }
     }
-
-    renderForm(): TemplateResult {
-        return html` <ak-form-element-horizontal label=${msg("Name")} ?required=${true} name="name">
-                <input
-                    type="text"
-                    value="${ifDefined(this.instance?.name)}"
-                    class="pf-c-form-control"
-                    required
-                />
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
-                label=${msg("Expression")}
-                ?required=${true}
-                name="expression"
-            >
-                <ak-codemirror
-                    mode=${CodeMirrorMode.Python}
-                    value="${ifDefined(this.instance?.expression)}"
-                >
-                </ak-codemirror>
-                <p class="pf-c-form__helper-text">
-                    ${msg("Expression using Python.")}
-                    <a
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        href="${docLink("/docs/property-mappings/expression?utm_source=authentik")}"
-                    >
-                        ${msg("See documentation for a list of all variables.")}
-                    </a>
-                </p>
-            </ak-form-element-horizontal>`;
-    }
 }
 
 declare global {

web/src/admin/property-mappings/PropertyMappingOAuthSourceForm.ts

@@ -1,14 +1,9 @@
 import { BasePropertyMappingForm } from "@goauthentik/admin/property-mappings/BasePropertyMappingForm";
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
-import { docLink } from "@goauthentik/common/global";
 import "@goauthentik/elements/CodeMirror";
-import { CodeMirrorMode } from "@goauthentik/elements/CodeMirror";
 import "@goauthentik/elements/forms/HorizontalFormElement";
 
-import { msg } from "@lit/localize";
-import { TemplateResult, html } from "lit";
 import { customElement } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
 
 import { OAuthSourcePropertyMapping, PropertymappingsApi } from "@goauthentik/api";
 
@@ -32,40 +27,6 @@ export class PropertyMappingOAuthSourceForm extends BasePropertyMappingForm<OAut
             });
         }
     }
-
-    renderForm(): TemplateResult {
-        return html` <ak-form-element-horizontal label=${msg("Name")} ?required=${true} name="name">
-                <input
-                    type="text"
-                    value="${ifDefined(this.instance?.name)}"
-                    class="pf-c-form-control"
-                    required
-                />
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
-                label=${msg("Expression")}
-                ?required=${true}
-                name="expression"
-            >
-                <ak-codemirror
-                    mode=${CodeMirrorMode.Python}
-                    value="${ifDefined(this.instance?.expression)}"
-                >
-                </ak-codemirror>
-                <p class="pf-c-form__helper-text">
-                    ${msg("Expression using Python.")}
-                    <a
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        href="${docLink(
-                            "/docs/sources/property-mappings/expression?utm_source=authentik",
-                        )}"
-                    >
-                        ${msg("See documentation for a list of all variables.")}
-                    </a>
-                </p>
-            </ak-form-element-horizontal>`;
-    }
 }
 
 declare global {

web/src/admin/property-mappings/PropertyMappingRACForm.ts

@@ -63,7 +63,7 @@ export class PropertyMappingRACForm extends ModelForm<RACPropertyMapping, string
 
     renderForm(): TemplateResult {
         return html`
-            <ak-form-element-horizontal label=${msg("Name")} ?required=${true} name="name">
+            <ak-form-element-horizontal label=${msg("Name")} required name="name">
                 <input
                     type="text"
                     value="${ifDefined(this.instance?.name)}"
@@ -148,7 +148,7 @@ export class PropertyMappingRACForm extends ModelForm<RACPropertyMapping, string
                 <div slot="body" class="pf-c-form">
                     <ak-form-element-horizontal
                         label=${msg("Expression")}
-                        ?required=${true}
+                        required
                         name="expression"
                     >
                         <ak-codemirror

web/src/admin/property-mappings/PropertyMappingRadiusForm.ts

@@ -1,14 +1,9 @@
 import { BasePropertyMappingForm } from "@goauthentik/admin/property-mappings/BasePropertyMappingForm";
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
-import { docLink } from "@goauthentik/common/global";
 import "@goauthentik/elements/CodeMirror";
-import { CodeMirrorMode } from "@goauthentik/elements/CodeMirror";
 import "@goauthentik/elements/forms/HorizontalFormElement";
 
-import { msg } from "@lit/localize";
-import { TemplateResult, html } from "lit";
 import { customElement } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
 
 import { PropertymappingsApi, RadiusProviderPropertyMapping } from "@goauthentik/api";
 
@@ -32,38 +27,6 @@ export class PropertyMappingRadiusForm extends BasePropertyMappingForm<RadiusPro
             });
         }
     }
-
-    renderForm(): TemplateResult {
-        return html` <ak-form-element-horizontal label=${msg("Name")} ?required=${true} name="name">
-                <input
-                    type="text"
-                    value="${ifDefined(this.instance?.name)}"
-                    class="pf-c-form-control"
-                    required
-                />
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
-                label=${msg("Expression")}
-                ?required=${true}
-                name="expression"
-            >
-                <ak-codemirror
-                    mode=${CodeMirrorMode.Python}
-                    value="${ifDefined(this.instance?.expression)}"
-                >
-                </ak-codemirror>
-                <p class="pf-c-form__helper-text">
-                    ${msg("Expression using Python.")}
-                    <a
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        href="${docLink("/docs/property-mappings/expression?utm_source=authentik")}"
-                    >
-                        ${msg("See documentation for a list of all variables.")}
-                    </a>
-                </p>
-            </ak-form-element-horizontal>`;
-    }
 }
 
 declare global {

web/src/admin/property-mappings/PropertyMappingSAMLForm.ts

@@ -1,8 +1,6 @@
 import { BasePropertyMappingForm } from "@goauthentik/admin/property-mappings/BasePropertyMappingForm";
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
-import { docLink } from "@goauthentik/common/global";
 import "@goauthentik/elements/CodeMirror";
-import { CodeMirrorMode } from "@goauthentik/elements/CodeMirror";
 import "@goauthentik/elements/forms/HorizontalFormElement";
 
 import { msg } from "@lit/localize";
@@ -33,18 +31,10 @@ export class PropertyMappingSAMLForm extends BasePropertyMappingForm<SAMLPropert
         }
     }
 
-    renderForm(): TemplateResult {
+    renderExtraFields(): TemplateResult {
-        return html` <ak-form-element-horizontal label=${msg("Name")} ?required=${true} name="name">
+        return html` <ak-form-element-horizontal
-                <input
-                    type="text"
-                    value="${ifDefined(this.instance?.name)}"
-                    class="pf-c-form-control"
-                    required
-                />
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
                 label=${msg("SAML Attribute Name")}
-                ?required=${true}
+                required
                 name="samlName"
             >
                 <input
@@ -68,27 +58,6 @@ export class PropertyMappingSAMLForm extends BasePropertyMappingForm<SAMLPropert
                 <p class="pf-c-form__helper-text">
                     ${msg("Optionally set the 'FriendlyName' value of the Assertion attribute.")}
                 </p>
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
-                label=${msg("Expression")}
-                ?required=${true}
-                name="expression"
-            >
-                <ak-codemirror
-                    mode=${CodeMirrorMode.Python}
-                    value="${ifDefined(this.instance?.expression)}"
-                >
-                </ak-codemirror>
-                <p class="pf-c-form__helper-text">
-                    ${msg("Expression using Python.")}
-                    <a
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        href="${docLink("/docs/property-mappings/expression?utm_source=authentik")}"
-                    >
-                        ${msg("See documentation for a list of all variables.")}
-                    </a>
-                </p>
             </ak-form-element-horizontal>`;
     }
 }

web/src/admin/property-mappings/PropertyMappingSAMLSourceForm.ts

@@ -1,14 +1,9 @@
 import { BasePropertyMappingForm } from "@goauthentik/admin/property-mappings/BasePropertyMappingForm";
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
-import { docLink } from "@goauthentik/common/global";
 import "@goauthentik/elements/CodeMirror";
-import { CodeMirrorMode } from "@goauthentik/elements/CodeMirror";
 import "@goauthentik/elements/forms/HorizontalFormElement";
 
-import { msg } from "@lit/localize";
-import { TemplateResult, html } from "lit";
 import { customElement } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
 
 import { PropertymappingsApi, SAMLSourcePropertyMapping } from "@goauthentik/api";
 
@@ -32,40 +27,6 @@ export class PropertyMappingSAMLSourceForm extends BasePropertyMappingForm<SAMLS
             });
         }
     }
-
-    renderForm(): TemplateResult {
-        return html` <ak-form-element-horizontal label=${msg("Name")} ?required=${true} name="name">
-                <input
-                    type="text"
-                    value="${ifDefined(this.instance?.name)}"
-                    class="pf-c-form-control"
-                    required
-                />
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
-                label=${msg("Expression")}
-                ?required=${true}
-                name="expression"
-            >
-                <ak-codemirror
-                    mode=${CodeMirrorMode.Python}
-                    value="${ifDefined(this.instance?.expression)}"
-                >
-                </ak-codemirror>
-                <p class="pf-c-form__helper-text">
-                    ${msg("Expression using Python.")}
-                    <a
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        href="${docLink(
-                            "/docs/sources/property-mappings/expression?utm_source=authentik",
-                        )}"
-                    >
-                        ${msg("See documentation for a list of all variables.")}
-                    </a>
-                </p>
-            </ak-form-element-horizontal>`;
-    }
 }
 
 declare global {

web/src/admin/property-mappings/PropertyMappingSCIMForm.ts

@@ -1,14 +1,9 @@
 import { BasePropertyMappingForm } from "@goauthentik/admin/property-mappings/BasePropertyMappingForm";
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
-import { docLink } from "@goauthentik/common/global";
 import "@goauthentik/elements/CodeMirror";
-import { CodeMirrorMode } from "@goauthentik/elements/CodeMirror";
 import "@goauthentik/elements/forms/HorizontalFormElement";
 
-import { msg } from "@lit/localize";
-import { TemplateResult, html } from "lit";
 import { customElement } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
 
 import { PropertymappingsApi, SCIMMapping } from "@goauthentik/api";
 
@@ -32,38 +27,6 @@ export class PropertyMappingSCIMForm extends BasePropertyMappingForm<SCIMMapping
             });
         }
     }
-
-    renderForm(): TemplateResult {
-        return html` <ak-form-element-horizontal label=${msg("Name")} ?required=${true} name="name">
-                <input
-                    type="text"
-                    value="${ifDefined(this.instance?.name)}"
-                    class="pf-c-form-control"
-                    required
-                />
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
-                label=${msg("Expression")}
-                ?required=${true}
-                name="expression"
-            >
-                <ak-codemirror
-                    mode=${CodeMirrorMode.Python}
-                    value="${ifDefined(this.instance?.expression)}"
-                >
-                </ak-codemirror>
-                <p class="pf-c-form__helper-text">
-                    ${msg("Expression using Python.")}
-                    <a
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        href="${docLink("/docs/property-mappings/expression?utm_source=authentik")}"
-                    >
-                        ${msg("See documentation for a list of all variables.")}
-                    </a>
-                </p>
-            </ak-form-element-horizontal>`;
-    }
 }
 
 declare global {

web/src/admin/property-mappings/PropertyMappingSCIMSourceForm.ts

@@ -1,14 +1,9 @@
 import { BasePropertyMappingForm } from "@goauthentik/admin/property-mappings/BasePropertyMappingForm";
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
-import { docLink } from "@goauthentik/common/global";
 import "@goauthentik/elements/CodeMirror";
-import { CodeMirrorMode } from "@goauthentik/elements/CodeMirror";
 import "@goauthentik/elements/forms/HorizontalFormElement";
 
-import { msg } from "@lit/localize";
-import { TemplateResult, html } from "lit";
 import { customElement } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
 
 import { PropertymappingsApi, SCIMSourcePropertyMapping } from "@goauthentik/api";
 
@@ -32,40 +27,6 @@ export class PropertyMappingSCIMSourceForm extends BasePropertyMappingForm<SCIMS
             });
         }
     }
-
-    renderForm(): TemplateResult {
-        return html` <ak-form-element-horizontal label=${msg("Name")} ?required=${true} name="name">
-                <input
-                    type="text"
-                    value="${ifDefined(this.instance?.name)}"
-                    class="pf-c-form-control"
-                    required
-                />
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
-                label=${msg("Expression")}
-                ?required=${true}
-                name="expression"
-            >
-                <ak-codemirror
-                    mode=${CodeMirrorMode.Python}
-                    value="${ifDefined(this.instance?.expression)}"
-                >
-                </ak-codemirror>
-                <p class="pf-c-form__helper-text">
-                    ${msg("Expression using Python.")}
-                    <a
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        href="${docLink(
-                            "/docs/sources/property-mappings/expression?utm_source=authentik",
-                        )}"
-                    >
-                        ${msg("See documentation for a list of all variables.")}
-                    </a>
-                </p>
-            </ak-form-element-horizontal>`;
-    }
 }
 
 declare global {

web/src/admin/property-mappings/PropertyMappingScopeForm.ts

@@ -1,8 +1,6 @@
 import { BasePropertyMappingForm } from "@goauthentik/admin/property-mappings/BasePropertyMappingForm";
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
-import { docLink } from "@goauthentik/common/global";
 import "@goauthentik/elements/CodeMirror";
-import { CodeMirrorMode } from "@goauthentik/elements/CodeMirror";
 import "@goauthentik/elements/forms/HorizontalFormElement";
 
 import { msg } from "@lit/localize";
@@ -33,18 +31,10 @@ export class PropertyMappingScopeForm extends BasePropertyMappingForm<ScopeMappi
         }
     }
 
-    renderForm(): TemplateResult {
+    renderExtraFields(): TemplateResult {
-        return html` <ak-form-element-horizontal label=${msg("Name")} ?required=${true} name="name">
+        return html` <ak-form-element-horizontal
-                <input
-                    type="text"
-                    value="${ifDefined(this.instance?.name)}"
-                    class="pf-c-form-control"
-                    required
-                />
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
                 label=${msg("Scope name")}
-                ?required=${true}
+                required
                 name="scopeName"
             >
                 <input
@@ -68,27 +58,6 @@ export class PropertyMappingScopeForm extends BasePropertyMappingForm<ScopeMappi
                         "Description shown to the user when consenting. If left empty, the user won't be informed.",
                     )}
                 </p>
-            </ak-form-element-horizontal>
-            <ak-form-element-horizontal
-                label=${msg("Expression")}
-                ?required=${true}
-                name="expression"
-            >
-                <ak-codemirror
-                    mode=${CodeMirrorMode.Python}
-                    value="${ifDefined(this.instance?.expression)}"
-                >
-                </ak-codemirror>
-                <p class="pf-c-form__helper-text">
-                    ${msg("Expression using Python.")}
-                    <a
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        href="${docLink("/docs/property-mappings/expression?utm_source=authentik")}"
-                    >
-                        ${msg("See documentation for a list of all variables.")}
-                    </a>
-                </p>
             </ak-form-element-horizontal>`;
     }
 }