fix(console): drop empty entries (#7935)

Author: wangsijie

packages/console/src/pages/SignInExperience/PageContent/index.tsx

@@ -30,6 +30,7 @@ import {
   type SignInExperiencePageManagedData,
   type SignInExperienceForm,
   type AccountCenterFormValues,
+  normalizeWebauthnRelatedOrigins,
 } from '../types';
 
 import AccountCenter from './AccountCenter';
@@ -97,6 +98,9 @@ function PageContent({ data, onSignInExperienceUpdated, onAccountCenterUpdated }
 
     try {
       const { accountCenter, ...formValues } = getValues();
+      const webauthnRelatedOrigins = normalizeWebauthnRelatedOrigins(
+        accountCenter.webauthnRelatedOrigins
+      );
 
       const updatedData = await api
         .patch('api/sign-in-exp', {
@@ -110,7 +114,7 @@ function PageContent({ data, onSignInExperienceUpdated, onAccountCenterUpdated }
             enabled: accountCenter.enabled,
             // Disable all fields when account center is disabled
             fields: accountCenter.enabled ? accountCenter.fields : {},
-            webauthnRelatedOrigins: accountCenter.webauthnRelatedOrigins,
+            webauthnRelatedOrigins,
           },
         })
         .json<AccountCenterConfig>();

packages/console/src/pages/SignInExperience/types.ts

@@ -55,6 +55,9 @@ const createDefaultAccountCenterFormValues = (): AccountCenterFormValues => ({
   webauthnRelatedOrigins: [],
 });
 
+export const normalizeWebauthnRelatedOrigins = (origins?: string[]): string[] =>
+  origins?.map((origin) => origin.trim()).filter(Boolean) ?? [];
+
 export const convertAccountCenterToForm = (
   accountCenter?: AccountCenterConfig
 ): AccountCenterFormValues => ({
@@ -63,7 +66,7 @@ export const convertAccountCenterToForm = (
     ...createDefaultAccountCenterFormValues().fields,
     ...accountCenter?.fields,
   },
-  webauthnRelatedOrigins: accountCenter?.webauthnRelatedOrigins ?? [],
+  webauthnRelatedOrigins: normalizeWebauthnRelatedOrigins(accountCenter?.webauthnRelatedOrigins),
 });
 
 /**