web: (ESLint) Use dot notation. (#14557)

web/src/admin/admin-overview/cards/SystemStatusCard.ts

@@ -46,7 +46,7 @@ export class SystemStatusCard extends AdminStatusCard<SystemInfo> {
             return;
         }
         const outpost = outposts.results[0];
-        outpost.config["authentik_host"] = window.location.origin;
+        outpost.config.authentik_host = window.location.origin;
         await new OutpostsApi(DEFAULT_CONFIG).outpostsInstancesUpdate({
             uuid: outpost.pk,
             outpostRequest: outpost,

web/src/admin/admin-settings/stories/AdminSettingsFooterLinks.test.ts

@@ -9,9 +9,9 @@ describe("ak-admin-settings-footer-link", () => {
     afterEach(async () => {
         await browser.execute(async () => {
             await document.body.querySelector("ak-admin-settings-footer-link")?.remove();
-            if (document.body["_$litPart$"]) {
+            if (document.body._$litPart$) {
                 // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-                await delete document.body["_$litPart$"];
+                await delete document.body._$litPart$;
             }
         });
     });

web/src/admin/applications/ApplicationForm.ts

@@ -78,7 +78,7 @@ export class ApplicationForm extends WithCapabilitiesConfig(ModelForm<Applicatio
             });
         }
         if (this.can(CapabilitiesEnum.CanSaveMedia)) {
-            const icon = this.getFormFiles()["metaIcon"];
+            const icon = this.getFormFiles().metaIcon;
             if (icon || this.clearIcon) {
                 await new CoreApi(DEFAULT_CONFIG).coreApplicationsSetIconCreate({
                     slug: app.slug,

web/src/admin/applications/wizard/steps/ak-application-wizard-application-step.ts

@@ -61,18 +61,18 @@ export class ApplicationWizardApplicationStep extends ApplicationWizardStep {
         this.errors = new Map();
         const values = trimMany(this.formValues ?? {}, ["metaLaunchUrl", "name", "slug"]);
 
-        if (values["name"] === "") {
+        if (values.name === "") {
             this.errors.set("name", msg("An application name is required"));
         }
         if (
             !(
-                isStr(values["metaLaunchUrl"]) &&
+                isStr(values.metaLaunchUrl) &&
-                (values["metaLaunchUrl"] === "" || URL.canParse(values["metaLaunchUrl"]))
+                (values.metaLaunchUrl === "" || URL.canParse(values.metaLaunchUrl))
             )
         ) {
             this.errors.set("metaLaunchUrl", msg("Not a valid URL"));
         }
-        if (!(isStr(values["slug"]) && values["slug"] !== "" && isSlug(values["slug"]))) {
+        if (!(isStr(values.slug) && values.slug !== "" && isSlug(values.slug))) {
             this.errors.set("slug", msg("Not a valid slug"));
         }
         return this.errors.size === 0;

web/src/admin/common/stories/ak-crypto-certificate-search.stories.ts

@@ -75,7 +75,7 @@ export const CryptoCertificateSearch = () => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const showMessage = (ev: CustomEvent<any>) => {
         const detail = ev.detail;
-        delete detail["target"];
+        delete detail.target;
         document.getElementById("message-pad")!.innerText = `Event: ${JSON.stringify(
             detail,
             null,

web/src/admin/flows/FlowForm.ts

@@ -57,7 +57,7 @@ export class FlowForm extends WithCapabilitiesConfig(ModelForm<Flow, string>) {
         }
 
         if (this.can(CapabilitiesEnum.CanSaveMedia)) {
-            const icon = this.getFormFiles()["background"];
+            const icon = this.getFormFiles().background;
             if (icon || this.clearBackground) {
                 await new FlowsApi(DEFAULT_CONFIG).flowsInstancesSetBackgroundCreate({
                     slug: flow.slug,

web/src/admin/flows/FlowImportForm.ts

@@ -27,7 +27,7 @@ export class FlowImportForm extends Form<Flow> {
     }
 
     async send(): Promise<FlowImportResult> {
-        const file = this.getFormFiles()["flow"];
+        const file = this.getFormFiles().flow;
         if (!file) {
             throw new SentryIgnoredError("No form data");
         }

web/src/admin/providers/saml/SAMLProviderImportForm.ts

@@ -18,7 +18,7 @@ export class SAMLProviderImportForm extends Form<SAMLProvider> {
     }
 
     async send(data: SAMLProvider): Promise<void> {
-        const file = this.getFormFiles()["metadata"];
+        const file = this.getFormFiles().metadata;
         if (!file) {
             throw new SentryIgnoredError("No form data");
         }

web/src/admin/sources/kerberos/KerberosSourceForm.ts

@@ -62,7 +62,7 @@ export class KerberosSourceForm extends WithCapabilitiesConfig(BaseSourceForm<Ke
         }
         const c = await config();
         if (c.capabilities.includes(CapabilitiesEnum.CanSaveMedia)) {
-            const icon = this.getFormFiles()["icon"];
+            const icon = this.getFormFiles().icon;
             if (icon || this.clearIcon) {
                 await new SourcesApi(DEFAULT_CONFIG).sourcesAllSetIconCreate({
                     slug: source.slug,

web/src/admin/sources/oauth/OAuthSourceForm.ts

@@ -87,7 +87,7 @@ export class OAuthSourceForm extends WithCapabilitiesConfig(BaseSourceForm<OAuth
         }
         const c = await config();
         if (c.capabilities.includes(CapabilitiesEnum.CanSaveMedia)) {
-            const icon = this.getFormFiles()["icon"];
+            const icon = this.getFormFiles().icon;
             if (icon || this.clearIcon) {
                 await new SourcesApi(DEFAULT_CONFIG).sourcesAllSetIconCreate({
                     slug: source.slug,

web/src/admin/sources/plex/PlexSourceForm.ts

@@ -75,7 +75,7 @@ export class PlexSourceForm extends WithCapabilitiesConfig(BaseSourceForm<PlexSo
             });
         }
         if (this.can(CapabilitiesEnum.CanSaveMedia)) {
-            const icon = this.getFormFiles()["icon"];
+            const icon = this.getFormFiles().icon;
             if (icon || this.clearIcon) {
                 await new SourcesApi(DEFAULT_CONFIG).sourcesAllSetIconCreate({
                     slug: source.slug,

web/src/admin/sources/saml/SAMLSourceForm.ts

@@ -63,7 +63,7 @@ export class SAMLSourceForm extends WithCapabilitiesConfig(BaseSourceForm<SAMLSo
         }
         const c = await config();
         if (c.capabilities.includes(CapabilitiesEnum.CanSaveMedia)) {
-            const icon = this.getFormFiles()["icon"];
+            const icon = this.getFormFiles().icon;
             if (icon || this.clearIcon) {
                 await new SourcesApi(DEFAULT_CONFIG).sourcesAllSetIconCreate({
                     slug: source.slug,

web/src/elements/ak-table/tests/ak-select-table.test.ts

@@ -65,9 +65,9 @@ describe("Select Table", () => {
         await browser.execute(() => {
             document.body.querySelector("ak-select-table")?.remove();
             // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-            if (document.body["_$litPart$"]) {
+            if (document.body._$litPart$) {
                 // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-                delete document.body["_$litPart$"];
+                delete document.body._$litPart$;
             }
         });
     });
@@ -138,9 +138,9 @@ describe("Multiselect Table", () => {
         await browser.execute(() => {
             document.body.querySelector("ak-select-table")?.remove();
             // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-            if (document.body["_$litPart$"]) {
+            if (document.body._$litPart$) {
                 // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-                delete document.body["_$litPart$"];
+                delete document.body._$litPart$;
             }
         });
     });

web/src/elements/ak-table/tests/ak-simple-table.test.ts

@@ -40,9 +40,9 @@ describe("Simple Table", () => {
         await browser.execute(() => {
             document.body.querySelector("ak-simple-table")?.remove();
             // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-            if (document.body["_$litPart$"]) {
+            if (document.body._$litPart$) {
                 // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-                delete document.body["_$litPart$"];
+                delete document.body._$litPart$;
             }
         });
     });

web/src/elements/forms/SearchSelect/ak-portal.ts

@@ -67,9 +67,9 @@ export class Portal extends LitElement implements IPortal {
         this.setAttribute("data-ouia-component-type", "ak-portal");
         this.setAttribute("data-ouia-component-id", this.getAttribute("id") || randomId());
         this.dropdownContainer = document.createElement("div");
-        this.dropdownContainer.dataset["managedBy"] = "ak-portal";
+        this.dropdownContainer.dataset.managedBy = "ak-portal";
         if (this.name) {
-            this.dropdownContainer.dataset["managedFor"] = this.name;
+            this.dropdownContainer.dataset.managedFor = this.name;
         }
         document.body.append(this.dropdownContainer);
         if (!this.anchor) {

web/src/elements/forms/SearchSelect/tests/ak-search-select-view.test.ts

@@ -102,9 +102,9 @@ describe("Search select: Test Input Field", () => {
             document.body.querySelector("#a-separate-component")?.remove();
             document.body.querySelector("ak-search-select-view")?.remove();
             // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-            if (document.body["_$litPart$"]) {
+            if (document.body._$litPart$) {
                 // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-                delete document.body["_$litPart$"];
+                delete document.body._$litPart$;
             }
         });
     });

web/src/elements/forms/SearchSelect/tests/ak-search-select.test.ts

@@ -107,9 +107,9 @@ describe("Search select: event driven startup", () => {
         await browser.execute(() => {
             document.body.querySelector("ak-mock-search-group")?.remove();
             // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-            if (document.body["_$litPart$"]) {
+            if (document.body._$litPart$) {
                 // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-                delete document.body["_$litPart$"];
+                delete document.body._$litPart$;
             }
         });
     });

web/src/elements/tests/EmptyState.test.ts

@@ -11,9 +11,9 @@ describe("ak-empty-state", () => {
     afterEach(async () => {
         await browser.execute(async () => {
             await document.body.querySelector("ak-empty-state")?.remove();
-            if (document.body["_$litPart$"]) {
+            if (document.body._$litPart$) {
                 // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-                await delete document.body["_$litPart$"];
+                await delete document.body._$litPart$;
             }
         });
     });

web/src/elements/tests/Expand.test.ts

@@ -10,9 +10,9 @@ describe("ak-expand", () => {
     afterEach(async () => {
         await browser.execute(async () => {
             await document.body.querySelector("ak-expand")?.remove();
-            if (document.body["_$litPart$"]) {
+            if (document.body._$litPart$) {
                 // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-                await delete document.body["_$litPart$"];
+                await delete document.body._$litPart$;
             }
         });
     });

web/src/elements/tests/ak-array-input.test.ts

@@ -17,9 +17,9 @@ describe("ak-array-input", () => {
     afterEach(async () => {
         await browser.execute(async () => {
             await document.body.querySelector("ak-array-input")?.remove();
-            if (document.body["_$litPart$"]) {
+            if (document.body._$litPart$) {
                 // @ts-expect-error expression of type '"_$litPart$"' is added by Lit
-                await delete document.body["_$litPart$"];
+                await delete document.body._$litPart$;
             }
         });
     });

web/src/elements/wizard/Wizard.ts

@@ -112,7 +112,7 @@ export class Wizard extends ModalButton {
             const stepElement = document.createElement(step);
 
             stepElement.slot = step;
-            stepElement.dataset["wizardmanaged"] = "true";
+            stepElement.dataset.wizardmanaged = "true";
 
             this.appendChild(stepElement);
         }

web/src/flow/providers/oauth2/DeviceCode.ts

@@ -47,7 +47,7 @@ export class OAuth2DeviceCode extends BaseStage<
                         label="${msg("Code")}"
                         required
                         class="pf-c-form__group"
-                        .errors=${(this.challenge?.responseErrors || {})["code"]}
+                        .errors=${(this.challenge?.responseErrors || {}).code}
                     >
                         <input
                             type="text"

web/src/flow/stages/authenticator_email/AuthenticatorEmailStage.ts

@@ -56,7 +56,7 @@ export class AuthenticatorEmailStage extends BaseStage<
                         label="${msg("Configure your email")}"
                         required
                         class="pf-c-form__group"
-                        .errors=${(this.challenge?.responseErrors || {})["email"]}
+                        .errors=${(this.challenge?.responseErrors || {}).email}
                     >
                         <input
                             type="email"
@@ -109,7 +109,7 @@ export class AuthenticatorEmailStage extends BaseStage<
                         label="${msg("Code")}"
                         required
                         class="pf-c-form__group"
-                        .errors=${(this.challenge?.responseErrors || {})["code"]}
+                        .errors=${(this.challenge?.responseErrors || {}).code}
                     >
                         <input
                             type="text"

web/src/flow/stages/authenticator_sms/AuthenticatorSMSStage.ts

@@ -56,7 +56,7 @@ export class AuthenticatorSMSStage extends BaseStage<
                         label="${msg("Phone number")}"
                         required
                         class="pf-c-form__group"
-                        .errors=${(this.challenge?.responseErrors || {})["phone_number"]}
+                        .errors=${(this.challenge?.responseErrors || {}).phone_number}
                     >
                         <input
                             type="tel"
@@ -107,7 +107,7 @@ export class AuthenticatorSMSStage extends BaseStage<
                         label="${msg("Code")}"
                         required
                         class="pf-c-form__group"
-                        .errors=${(this.challenge?.responseErrors || {})["code"]}
+                        .errors=${(this.challenge?.responseErrors || {}).code}
                     >
                         <input
                             type="text"

web/src/flow/stages/authenticator_totp/AuthenticatorTOTPStage.ts

@@ -114,7 +114,7 @@ export class AuthenticatorTOTPStage extends BaseStage<
                         label="${msg("Code")}"
                         required
                         class="pf-c-form__group"
-                        .errors=${(this.challenge?.responseErrors || {})["code"]}
+                        .errors=${(this.challenge?.responseErrors || {}).code}
                     >
                         <!-- @ts-ignore -->
                         <input

web/src/flow/stages/authenticator_validate/AuthenticatorValidateStageCode.ts

@@ -87,7 +87,7 @@ export class AuthenticatorValidateStageWebCode extends BaseDeviceStage<
                             : msg("Authentication code")}"
                         required
                         class="pf-c-form__group"
-                        .errors=${(this.challenge?.responseErrors || {})["code"]}
+                        .errors=${(this.challenge?.responseErrors || {}).code}
                     >
                         <!-- @ts-ignore -->
                         <input

web/src/flow/stages/authenticator_webauthn/WebAuthnAuthenticatorRegisterStage.ts

@@ -155,7 +155,7 @@ export class WebAuthnAuthenticatorRegisterStage extends BaseStage<
                     </ak-empty-state>
                     ${this.challenge?.responseErrors
                         ? html`<p class="pf-m-block">
-                              ${this.challenge.responseErrors["response"][0].string}
+                              ${this.challenge.responseErrors.response[0].string}
                           </p>`
                         : nothing}
                     <div class="pf-c-form__group pf-m-action">

web/src/flow/stages/base.ts

@@ -85,7 +85,7 @@ export class BaseStage<
         if (!("non_field_errors" in errors)) {
             return nothing;
         }
-        const nonFieldErrors = errors["non_field_errors"];
+        const nonFieldErrors = errors.non_field_errors;
         if (!nonFieldErrors) {
             return nothing;
         }

web/src/flow/stages/identification/IdentificationStage.ts

@@ -267,7 +267,7 @@ export class IdentificationStage extends BaseStage<
                 label=${label}
                 required
                 class="pf-c-form__group"
-                .errors=${(this.challenge.responseErrors || {})["uid_field"]}
+                .errors=${(this.challenge.responseErrors || {}).uid_field}
             >
                 <input
                     type=${type}
@@ -289,9 +289,9 @@ export class IdentificationStage extends BaseStage<
                           inputId="ak-stage-identification-password"
                           required
                           class="pf-c-form__group"
-                          .errors=${(this.challenge?.responseErrors || {})["password"]}
+                          .errors=${(this.challenge?.responseErrors || {}).password}
                           ?allow-show-password=${this.challenge.allowShowPassword}
-                          prefill=${PasswordManagerPrefill["password"] ?? ""}
+                          prefill=${PasswordManagerPrefill.password ?? ""}
                       ></ak-flow-input-password>
                   `
                 : nothing}

web/src/flow/stages/password/PasswordStage.ts

@@ -67,10 +67,10 @@ export class PasswordStage extends BaseStage<PasswordChallenge, PasswordChalleng
                         required
                         grab-focus
                         class="pf-c-form__group"
-                        .errors=${(this.challenge?.responseErrors || {})["password"]}
+                        .errors=${(this.challenge?.responseErrors || {}).password}
                         ?allow-show-password=${this.challenge.allowShowPassword}
                         invalid=${this.hasError("password").toString()}
-                        prefill=${PasswordManagerPrefill["password"] ?? ""}
+                        prefill=${PasswordManagerPrefill.password ?? ""}
                     ></ak-flow-input-password>
 
                     ${this.challenge.recoveryUrl