More aggressive whitespace removal + lowercase A-Z (#294)

Author: dgca

renderer/components/ImportAccountModal/MnemonicImport.tsx

@@ -8,7 +8,7 @@ import {
 } from "@/ui/Forms/MnemonicPhrase/MnemonicPhrase";
 import { TextInput } from "@/ui/Forms/TextInput/TextInput";
 import { PillButton } from "@/ui/PillButton/PillButton";
-import { validateMnemonic } from "@/utils/mnemonic";
+import { formatMnemonic, validateMnemonic } from "@/utils/mnemonic";
 
 const messages = defineMessages({
   accountNameLabel: {
@@ -64,7 +64,7 @@ export function MnemonicImport({
 
     onImport({
       name: accountName,
-      account: phraseValues.join(" "),
+      account: formatMnemonic(phraseValues),
     });
   }, [accountName, onImport, hasValidName, phraseValues]);
 

renderer/components/OnboardingFlow/ImportAccount/ImportAccount.tsx

@@ -13,6 +13,7 @@ import { defineMessages, useIntl } from "react-intl";
 
 import { BackButton } from "@/components/BackButton/BackButton";
 import { trpcReact } from "@/providers/TRPCProvider";
+import { formatMnemonic } from "@/utils/mnemonic";
 
 import { EncodedKeyImport } from "./EncodedKeyImport";
 import { FileImport } from "./FileImport";
@@ -73,7 +74,7 @@ export function ImportAccount() {
                 importAccount(
                   {
                     name,
-                    account,
+                    account: formatMnemonic(account),
                   },
                   {
                     onSuccess: () => {

renderer/ui/Forms/MnemonicPhrase/MnemonicPhrase.tsx

@@ -18,6 +18,7 @@ import { useCopyToClipboard, useToggle } from "usehooks-ts";
 import { COLORS } from "@/ui/colors";
 import { useIFToast } from "@/ui/Toast/Toast";
 import { useHasGroupBlur } from "@/utils/formUtils";
+import { formatMnemonicWord } from "@/utils/mnemonic";
 import { MergeProps } from "@/utils/react";
 
 import { FormField, FormFieldProps } from "../FormField/FormField";
@@ -79,8 +80,9 @@ export function MnemonicPhrase({
       }
       const index = parseInt(number, 10) - 1;
       const nextValues = phrase
-        .toSpliced(index, 1, e.target.value)
+        .toSpliced(index, 1, formatMnemonicWord(e.target.value))
         .slice(0, PHRASE_ITEM_COUNT);
+
       onChange(nextValues);
     },
     [onChange, phrase],
@@ -98,7 +100,10 @@ export function MnemonicPhrase({
         throw new Error("data-number not found in mnemonic phrase input");
       }
 
-      const words = e.clipboardData.getData("text").trim().split(/\s+/g);
+      const clipboardText = e.clipboardData.getData("text");
+
+      const words = clipboardText.split(/\s+/g).map(formatMnemonicWord);
+
       const index = parseInt(number, 10) - 1;
 
       if (words.length === PHRASE_ITEM_COUNT) {

renderer/utils/mnemonic.ts

@@ -4,9 +4,15 @@ export const EMPTY_MNEMONIC_ARRAY = Array.from(
   () => "",
 );
 
+export function formatMnemonicWord(word: string) {
+  return word
+    .replace(/([A-Z])/g, (char) => char.toLowerCase())
+    .replace(/\s+/g, "");
+}
+
 export function formatMnemonic(phrase: string | Array<string>) {
-  const asString = Array.isArray(phrase) ? phrase.join(" ") : phrase;
-  return asString.trim().replace(/\s+/g, " ");
+  const asArray = Array.isArray(phrase) ? phrase : phrase.split(/\s+/);
+  return asArray.map(formatMnemonicWord).join(" ");
 }
 
 export function validateMnemonic(