Simplify

renderer/ui/Forms/MnemonicPhrase/MnemonicPhrase.tsx

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

renderer/utils/mnemonic.ts

@@ -10,10 +10,12 @@ function lowerCaseAZ(str: string) {
   });
 }
 
+export function formatMnemonicWord(word: string) {
+  return lowerCaseAZ(word).trim();
+}
+
 export function formatMnemonicArray(phrase: Array<string>) {
-  return phrase.map((word) => {
-    return lowerCaseAZ(word).trim();
-  });
+  return phrase.map(formatMnemonicWord);
 }
 
 export function formatMnemonic(phrase: string | Array<string>) {