fix: rename components

src/pages/EnablePayments/PersonalInfo/PersonalInfo.tsx

@@ -12,7 +12,6 @@
 // TODO: uncomment in the next PR
 // import {parsePhoneNumber} from '@libs/PhoneNumber';
 import Navigation from '@navigation/Navigation';
-import PhoneNumber from '@pages/EnablePayments/PersonalInfo/substeps/PhoneNumber';
 import * as Wallet from '@userActions/Wallet';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
@@ -20,13 +19,14 @@
 import type {WalletAdditionalDetailsForm} from '@src/types/form';
 import INPUT_IDS from '@src/types/form/WalletAdditionalDetailsForm';
 import type {WalletAdditionalDetailsRefactor} from '@src/types/onyx/WalletAdditionalDetails';
 import getInitialSubstepForPersonalInfo from '../utils/getInitialSubstepForPersonalInfo';
 import getSubstepValues from '../utils/getSubstepValues';
-import Address from './substeps/Address';
-import Confirmation from './substeps/Confirmation';
-import DateOfBirth from './substeps/DateOfBirth';
-import FullName from './substeps/FullName';
-import SocialSecurityNumber from './substeps/SocialSecurityNumber';
+import Address from './substeps/AddressStep';
+import Confirmation from './substeps/ConfirmationStep';
+import DateOfBirth from './substeps/DateOfBirthStep';
+import FullName from './substeps/FullNameStep';
+import PhoneNumber from './substeps/PhoneNumberStep';
+import SocialSecurityNumber from './substeps/SocialSecurityNumberStep';
 
 type PersonalInfoPageOnyxProps = {
     /** Reimbursement account from ONYX */

src/pages/EnablePayments/PersonalInfo/substeps/Address.tsx → src/pages/EnablePayments/PersonalInfo/substeps/AddressStep.tsx

@@ -48,7 +48,7 @@ const validate = (values: FormOnyxValues<typeof ONYXKEYS.FORMS.WALLET_ADDITIONAL
     return errors;
 };
 
-function Address({walletAdditionalDetails, onNext, isEditing}: AddressProps) {
+function AddressStep({walletAdditionalDetails, onNext, isEditing}: AddressProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
 
@@ -89,11 +89,11 @@ function Address({walletAdditionalDetails, onNext, isEditing}: AddressProps) {
     );
 }
 
-Address.displayName = 'Address';
+AddressStep.displayName = 'AddressStep';
 
 export default withOnyx<AddressProps, AddressOnyxProps>({
     // @ts-expect-error ONYXKEYS.WALLET_ADDITIONAL_DETAILS is conflicting with ONYXKEYS.FORMS.WALLET_ADDITIONAL_DETAILS
     walletAdditionalDetails: {
         key: ONYXKEYS.FORMS.WALLET_ADDITIONAL_DETAILS,
     },
-})(Address);
+})(AddressStep);

src/pages/EnablePayments/PersonalInfo/substeps/Confirmation.tsx → src/pages/EnablePayments/PersonalInfo/substeps/ConfirmationStep.tsx

@@ -19,7 +19,7 @@
 import INPUT_IDS from '@src/types/form/WalletAdditionalDetailsForm';
 import type {WalletAdditionalDetailsForm} from '@src/types/form/WalletAdditionalDetailsForm';
 import type {WalletAdditionalDetailsRefactor} from '@src/types/onyx/WalletAdditionalDetails';
 import getSubstepValues from '../../utils/getSubstepValues';
 
 type ConfirmationOnyxProps = {
     /** wallet additional details from ONYX */
@@ -34,7 +34,7 @@
 const PERSONAL_INFO_STEP_KEYS = INPUT_IDS.PERSONAL_INFO_STEP;
 const PERSONAL_INFO_STEP_INDEXES = CONST.WALLET.SUBSTEP_INDEXES.PERSONAL_INFO;
 
-function Confirmation({walletAdditionalDetails, walletAdditionalDetailsDraft, onNext, onMove}: ConfirmationProps) {
+function ConfirmationStep({walletAdditionalDetails, walletAdditionalDetailsDraft, onNext, onMove}: ConfirmationProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
     const {isOffline} = useNetwork();
@@ -140,7 +140,7 @@
     );
 }
 
-Confirmation.displayName = 'Confirmation';
+ConfirmationStep.displayName = 'ConfirmationStep';
 
 export default withOnyx<ConfirmationProps, ConfirmationOnyxProps>({
     // @ts-expect-error ONYXKEYS.WALLET_ADDITIONAL_DETAILS is conflicting with ONYXKEYS.FORMS.WALLET_ADDITIONAL_DETAILS
@@ -151,4 +151,4 @@
     walletAdditionalDetailsDraft: {
         key: ONYXKEYS.FORMS.WALLET_ADDITIONAL_DETAILS_DRAFT,
     },
-})(Confirmation);
+})(ConfirmationStep);

src/pages/EnablePayments/PersonalInfo/substeps/DateOfBirth.tsx → src/pages/EnablePayments/PersonalInfo/substeps/DateOfBirthStep.tsx

@@ -45,7 +45,7 @@ const validate = (values: FormOnyxValues<typeof ONYXKEYS.FORMS.WALLET_ADDITIONAL
 const minDate = subYears(new Date(), CONST.DATE_BIRTH.MAX_AGE);
 const maxDate = subYears(new Date(), CONST.DATE_BIRTH.MIN_AGE_FOR_PAYMENT);
 
-function DateOfBirth({walletAdditionalDetails, onNext, isEditing}: DateOfBirthProps) {
+function DateOfBirthStep({walletAdditionalDetails, onNext, isEditing}: DateOfBirthProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
 
@@ -82,11 +82,11 @@ function DateOfBirth({walletAdditionalDetails, onNext, isEditing}: DateOfBirthPr
     );
 }
 
-DateOfBirth.displayName = 'DateOfBirth';
+DateOfBirthStep.displayName = 'DateOfBirthStep';
 
 export default withOnyx<DateOfBirthProps, DateOfBirthOnyxProps>({
     // @ts-expect-error ONYXKEYS.WALLET_ADDITIONAL_DETAILS is conflicting with ONYXKEYS.FORMS.WALLET_ADDITIONAL_DETAILS
     walletAdditionalDetails: {
         key: ONYXKEYS.FORMS.WALLET_ADDITIONAL_DETAILS,
     },
-})(DateOfBirth);
+})(DateOfBirthStep);

src/pages/EnablePayments/PersonalInfo/substeps/FullName.tsx → src/pages/EnablePayments/PersonalInfo/substeps/FullNameStep.tsx

@@ -40,7 +40,7 @@ const validate = (values: FormOnyxValues<typeof ONYXKEYS.FORMS.WALLET_ADDITIONAL
     return errors;
 };
 
-function FullName({walletAdditionalDetails, onNext, isEditing}: FullNameProps) {
+function FullNameStep({walletAdditionalDetails, onNext, isEditing}: FullNameProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
 
@@ -94,11 +94,11 @@ function FullName({walletAdditionalDetails, onNext, isEditing}: FullNameProps) {
     );
 }
 
-FullName.displayName = 'FullName';
+FullNameStep.displayName = 'FullNameStep';
 
 export default withOnyx<FullNameProps, FullNameOnyxProps>({
     // @ts-expect-error: ONYXKEYS.WALLET_ADDITIONAL_DETAILS is conflicting with ONYXKEYS.FORMS.WALLET_ADDITIONAL_DETAILS
     walletAdditionalDetails: {
         key: ONYXKEYS.WALLET_ADDITIONAL_DETAILS,
     },
-})(FullName);
+})(FullNameStep);

src/pages/EnablePayments/PersonalInfo/substeps/PhoneNumber.tsx → src/pages/EnablePayments/PersonalInfo/substeps/PhoneNumberStep.tsx

@@ -36,7 +36,7 @@ const validate = (values: FormOnyxValues<typeof ONYXKEYS.FORMS.WALLET_ADDITIONAL
     }
     return errors;
 };
-function PhoneNumber({walletAdditionalDetails, onNext, isEditing}: PhoneNumberProps) {
+function PhoneNumberStep({walletAdditionalDetails, onNext, isEditing}: PhoneNumberProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
 
@@ -80,11 +80,11 @@ function PhoneNumber({walletAdditionalDetails, onNext, isEditing}: PhoneNumberPr
     );
 }
 
-PhoneNumber.displayName = 'PhoneNumber';
+PhoneNumberStep.displayName = 'PhoneNumberStep';
 
 export default withOnyx<PhoneNumberProps, PhoneNumberOnyxProps>({
     // @ts-expect-error ONYXKEYS.WALLET_ADDITIONAL_DETAILS is conflicting with ONYXKEYS.FORMS.WALLET_ADDITIONAL_DETAILS
     walletAdditionalDetails: {
         key: ONYXKEYS.FORMS.WALLET_ADDITIONAL_DETAILS,
     },
-})(PhoneNumber);
+})(PhoneNumberStep);

src/pages/EnablePayments/PersonalInfo/substeps/SocialSecurityNumber.tsx → src/pages/EnablePayments/PersonalInfo/substeps/SocialSecurityNumberStep.tsx

@@ -37,7 +37,7 @@ const validate = (values: FormOnyxValues<typeof ONYXKEYS.FORMS.WALLET_ADDITIONAL
 
     return errors;
 };
-function SocialSecurityNumber({walletAdditionalDetails, onNext, isEditing}: SocialSecurityNumberProps) {
+function SocialSecurityNumberStep({walletAdditionalDetails, onNext, isEditing}: SocialSecurityNumberProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
 
@@ -81,11 +81,11 @@ function SocialSecurityNumber({walletAdditionalDetails, onNext, isEditing}: Soci
     );
 }
 
-SocialSecurityNumber.displayName = 'SocialSecurityNumber';
+SocialSecurityNumberStep.displayName = 'SocialSecurityNumberStep';
 
 export default withOnyx<SocialSecurityNumberProps, SocialSecurityNumberOnyxProps>({
     // @ts-expect-error ONYXKEYS.WALLET_ADDITIONAL_DETAILS is conflicting with ONYXKEYS.FORMS.WALLET_ADDITIONAL_DETAILS
     walletAdditionalDetails: {
         key: ONYXKEYS.FORMS.WALLET_ADDITIONAL_DETAILS,
     },
-})(SocialSecurityNumber);
+})(SocialSecurityNumberStep);