feat: add wallet reset confirmation phrase (#259)

Author: Killerjunior

src/components/WalletResetConfirmModal.tsx

@@ -7,7 +7,7 @@
  * Accessibility: all interactive elements carry accessibilityLabel / accessibilityRole.
  */
 
-import React, { useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 import { SIZES, RADIUS, ThemeColors } from '../constants/theme';
 import { useTheme } from '../hooks/useTheme';
@@ -43,6 +43,12 @@ export const WalletResetConfirmModal: React.FC<WalletResetConfirmModalProps> = (
   const styles = useMemo(() => createStyles(colors), [colors]);
   const [typedText, setTypedText] = useState('');
 
+  useEffect(() => {
+    if (visible) {
+      setTypedText('');
+    }
+  }, [visible]);
+
   const isConfirmed = typedText.trim().toLowerCase() === CONFIRMATION_TEXT;
 
   return (

src/components/index.ts

@@ -23,6 +23,7 @@ export { MaturedLockWithdrawalModal } from "./MaturedLockWithdrawalModal";
 export { SigningConfirmModal } from "./SigningConfirmModal";
 export { VaultUnavailableState } from "./VaultUnavailableState";
 export { StatusBadge } from "./StatusBadge";
+export { WalletResetConfirmModal } from "./WalletResetConfirmModal";
 export type { BadgeTone } from "./StatusBadge";
 export { BalanceDisplay } from "./BalanceDisplay";
 export type { BalanceDisplayProps } from "./BalanceDisplay";

src/features/wallet/index.ts

@@ -0,0 +1 @@
+export { WalletResetConfirmModal } from '../../components/WalletResetConfirmModal';