Fix localize key errors in options flow, repairs flow, and integrations (#14060)

src/common/translations/localize.ts

@@ -22,9 +22,7 @@ export type LocalizeKeys =
   | `ui.components.selectors.file.${string}`
   | `ui.dialogs.entity_registry.editor.${string}`
   | `ui.dialogs.more_info_control.vacuum.${string}`
-  | `ui.dialogs.options_flow.loading.${string}`
   | `ui.dialogs.quick-bar.commands.${string}`
-  | `ui.dialogs.repair_flow.loading.${string}`
   | `ui.dialogs.unhealthy.reason.${string}`
   | `ui.dialogs.unsupported.reason.${string}`
   | `ui.panel.config.${string}.${"caption" | "description"}`
@@ -34,7 +32,6 @@ export type LocalizeKeys =
   | `ui.panel.config.energy.${string}`
   | `ui.panel.config.helpers.${string}`
   | `ui.panel.config.info.${string}`
-  | `ui.panel.config.integrations.${string}`
   | `ui.panel.config.logs.${string}`
   | `ui.panel.config.lovelace.${string}`
   | `ui.panel.config.network.${string}`

src/dialogs/config-flow/show-dialog-config-flow.ts

@@ -204,7 +204,7 @@ export const showConfigFlowDialog = (
     },
 
     renderLoadingDescription(hass, reason, handler, step) {
-      if (!["loading_flow", "loading_step"].includes(reason)) {
+      if (reason !== "loading_flow" && reason !== "loading_step") {
         return "";
       }
       const domain = step?.handler || handler;

src/dialogs/config-flow/show-dialog-options-flow.ts

@@ -181,9 +181,11 @@ export const showOptionsFlowDialog = (
       renderLoadingDescription(hass, reason) {
         return (
           hass.localize(`component.${configEntry.domain}.options.loading`) ||
-          hass.localize(`ui.dialogs.options_flow.loading.${reason}`, {
+          (reason === "loading_flow" || reason === "loading_step"
+            ? hass.localize(`ui.dialogs.options_flow.loading.${reason}`, {
                 integration: domainToName(hass.localize, configEntry.domain),
               })
+            : "")
         );
       },
     }

src/panels/config/integrations/dialog-add-integration.ts

@@ -143,7 +143,9 @@ class AddIntegrationDialog extends LitElement {
       localize: LocalizeFunc,
       filter?: string
     ): IntegrationListItem[] => {
-      const addDeviceRows: IntegrationListItem[] = ["zha", "zwave_js"]
+      const addDeviceRows: IntegrationListItem[] = (
+        ["zha", "zwave_js"] as const
+      )
         .filter((domain) => components.includes(domain))
         .map((domain) => ({
           name: localize(`ui.panel.config.integrations.add_${domain}_device`),

src/panels/config/integrations/ha-domain-integrations.ts

@@ -74,10 +74,12 @@ class HaDomainIntegrations extends LitElement {
               : ""}`
         : ""}
       ${this.integration?.iot_standards
-        ? this.integration.iot_standards
+        ? (
-            .filter((standard) => standard in standardToDomain)
+            this.integration.iot_standards.filter(
-            .map((standard) => {
+              (standard) => standard in standardToDomain
-              const domain: string = standardToDomain[standard];
+            ) as (keyof typeof standardToDomain)[]
+          ).map((standard) => {
+            const domain = standardToDomain[standard];
             return html`<mwc-list-item
               graphic="medium"
               .domain=${domain}
@@ -135,7 +137,7 @@ class HaDomainIntegrations extends LitElement {
                 </ha-integration-list-item>`
             )
         : ""}
-      ${["zha", "zwave_js"].includes(this.domain)
+      ${this.domain === "zha" || this.domain === "zwave_js"
         ? html`<mwc-list-item
             graphic="medium"
             .domain=${this.domain}

src/panels/config/repairs/show-dialog-repair-flow.ts

@@ -206,9 +206,11 @@ export const showRepairsFlowDialog = (
               issue.translation_key || issue.issue_id
             }.fix_flow.loading`
           ) ||
-          hass.localize(`ui.dialogs.repair_flow.loading.${reason}`, {
+          (reason === "loading_flow" || reason === "loading_step"
+            ? hass.localize(`ui.dialogs.repair_flow.loading.${reason}`, {
                 integration: domainToName(hass.localize, issue.domain),
               })
+            : "")
         );
       },
     }