Fix #19608 - Make account name validation more strict (#19616)

ui/helpers/utils/accounts.js

@@ -7,7 +7,7 @@ export function getAccountNameErrorMessage(
   defaultAccountName,
 ) {
   const isDuplicateAccountName = accounts.some(
-    (item) => item.name === newAccountName,
+    (item) => item.name.toLowerCase() === newAccountName.toLowerCase(),
   );
 
   const isEmptyAccountName = newAccountName === '';
@@ -25,7 +25,7 @@ export function getAccountNameErrorMessage(
   const isReservedAccountName = reservedRegEx.test(newAccountName);
 
   const isValidAccountName =
-    newAccountName === defaultAccountName || // What is written in the text field is the same as the placeholder
+    newAccountName.toLowerCase() === defaultAccountName.toLowerCase() || // What is written in the text field is the same as the placeholder
     (!isDuplicateAccountName && !isReservedAccountName && !isEmptyAccountName);
 
   let errorMessage;

ui/helpers/utils/accounts.test.js

@@ -0,0 +1,47 @@
+import { getAccountNameErrorMessage } from './accounts';
+
+const mockAccounts = [{ name: 'Account 1' }, { name: 'Account 2' }];
+
+const mockLocalization = { t: jest.fn().mockReturnValue('Account') };
+
+describe('Accounts', () => {
+  it('does not allow duplicate names', () => {
+    const { isValidAccountName } = getAccountNameErrorMessage(
+      mockAccounts,
+      mockLocalization,
+      'Account 2',
+      'Account 3',
+    );
+    expect(isValidAccountName).toBe(false);
+  });
+
+  it('does not allow reserved name patterns', () => {
+    const { isValidAccountName } = getAccountNameErrorMessage(
+      mockAccounts,
+      mockLocalization,
+      'Account 7',
+      'Account 3',
+    );
+    expect(isValidAccountName).toBe(false);
+  });
+
+  it('does not allow reserved name patterns in lowercase', () => {
+    const { isValidAccountName } = getAccountNameErrorMessage(
+      mockAccounts,
+      mockLocalization,
+      'account 7',
+      'Account 3',
+    );
+    expect(isValidAccountName).toBe(false);
+  });
+
+  it('allows proposed name in lowercase', () => {
+    const { isValidAccountName } = getAccountNameErrorMessage(
+      mockAccounts,
+      mockLocalization,
+      'account 3',
+      'Account 3',
+    );
+    expect(isValidAccountName).toBe(true);
+  });
+});