[$125] Update personal card field name in NewDot

[m-natarajan]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Version Number: 9.3.61-3
Reproducible in staging?: Y
Reproducible in production?: Y
If this was caught during regression testing, add the test name, ID and link from BrowserStack:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by: @joekaufmanexpensify
Slack conversation (hyperlinked to channel name): #Expensify Bugs

Action Performed:

1. Navigate to Wallet
2. Connect a personal card in NewDot
3. Tap the card row on wallet

Expected Result:

The editable "name" field is called "Card name".

Actual Result:

The editable "name" field is called "Card number".

Workaround:

Unknown

Platforms:

Select the officially supported platforms where the issue was reproduced:

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari
• iOS: mWeb Chrome
• Windows: Chrome
• MacOS: Chrome / Safari

Screenshots/Videos

View all open jobs on GitHub

Issue Owner

Current Issue Owner: @mkhutornyi

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~022047073568809367705
• Upwork Job ID: 2047073568809367705
• Last Price Increase: 2026-04-22

[MelvinBot]

Proposal

What is the root cause of that problem?

PersonalCardEditNamePage.tsx uses the wrong translation key — workspace.moreFeatures.companyCards.cardNumber (resolves to "Card number") instead of workspace.moreFeatures.companyCards.cardName (resolves to "Card name") in three places: the header title (L72), the input label (L88), and the aria-label (L89).

What changes do you think we should make in order to solve the problem?

In src/pages/settings/Wallet/PersonalCardEditNamePage.tsx, replace the three occurrences of translate('workspace.moreFeatures.companyCards.cardNumber') with translate('workspace.moreFeatures.companyCards.cardName') on lines 72, 88, and 89. The correct cardName key already exists in all language files — no new translations needed.

---

Next Steps for Contributor+ team: Reply with @MelvinBot implement this to create a draft PR, @MelvinBot <your feedback> to refine this analysis, or explain why you are rejecting Melvin's proposal.

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @mkhutornyi (External)

[MobileMage]

Proposal

Please re-state the problem that we are trying to solve in this issue.

When a user navigates to their personal card details in the Wallet and taps the card name field to edit it, the field label and page header display "Card number" instead of "Card name".

What is the root cause of that problem?

In PersonalCardEditNamePage.tsx, the translation key workspace.moreFeatures.companyCards.cardNumber is used for the HeaderWithBackButton title and the TextInput label/aria-label. This key resolves to the string "Card number", but the intent of this page is to let users rename their card — so the correct key is workspace.moreFeatures.companyCards.cardName, which resolves to "Card name". The analogous page for Expensify workspace cards (WorkspaceEditCardNamePage.tsx) already uses workspace.card.issueNewCard.cardName for the same purpose, confirming the expected pattern.

App/src/pages/settings/Wallet/PersonalCardEditNamePage.tsx

Lines 71 to 93 in 76f15c5

	<HeaderWithBackButton
	title={translate('workspace.moreFeatures.companyCards.cardNumber')}
	onBackButtonPress={() => Navigation.goBack(ROUTES.SETTINGS_WALLET_PERSONAL_CARD_DETAILS.getRoute(cardID))}
	/>
	<Text style={[styles.mh5, styles.mt3, styles.mb5]}>{translate('workspace.moreFeatures.companyCards.giveItNameInstruction')}</Text>
	<FormProvider
	formID={ONYXKEYS.FORMS.EDIT_PERSONAL_CARD_NAME_FORM}
	submitButtonText={translate('common.save')}
	onSubmit={submit}
	style={[styles.flex1, styles.mh5]}
	enabledWhenOffline
	validate={validate}
	shouldHideFixErrorsAlert
	>
	<InputWrapper
	InputComponent={TextInput}
	inputID={INPUT_IDS.NAME}
	label={translate('workspace.moreFeatures.companyCards.cardNumber')}
	aria-label={translate('workspace.moreFeatures.companyCards.cardNumber')}
	role={CONST.ROLE.PRESENTATION}
	defaultValue={defaultValue}
	ref={inputCallbackRef}
	/>

What changes do you think we should make in order to solve the problem?

Replace the three occurrences of workspace.moreFeatures.companyCards.cardNumber with workspace.moreFeatures.companyCards.cardName in PersonalCardEditNamePage.tsx. The giveItNameInstruction text on line 75 is already correct and does not need changing.

// src/pages/settings/Wallet/PersonalCardEditNamePage.tsx

             <HeaderWithBackButton
-                title={translate('workspace.moreFeatures.companyCards.cardNumber')}
+                title={translate('workspace.moreFeatures.companyCards.cardName')}
                 onBackButtonPress={() => Navigation.goBack(ROUTES.SETTINGS_WALLET_PERSONAL_CARD_DETAILS.getRoute(cardID))}
             />
             <Text style={[styles.mh5, styles.mt3, styles.mb5]}>{translate('workspace.moreFeatures.companyCards.giveItNameInstruction')}</Text>
             ...
                 <InputWrapper
                     InputComponent={TextInput}
                     inputID={INPUT_IDS.NAME}
-                    label={translate('workspace.moreFeatures.companyCards.cardNumber')}
-                    aria-label={translate('workspace.moreFeatures.companyCards.cardNumber')}
+                    label={translate('workspace.moreFeatures.companyCards.cardName')}
+                    aria-label={translate('workspace.moreFeatures.companyCards.cardName')}
                     role={CONST.ROLE.PRESENTATION}

What alternative solutions did you explore? (Optional)

N/A

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~022047073568809367705

[melvin-bot]

Upwork job price has been updated to $125

[joekaufmanexpensify]

Updated price because this is a simple label change

[melvin-bot]

📣 @webhop123! 📣
Hey, it seems we don’t have your contributor details yet! You'll only have to do this once, and this is how we'll hire you on Upwork.
Please follow these steps:

1. Make sure you've read and understood the contributing guidelines.
2. Get the email address used to login to your Expensify account. If you don't already have an Expensify account, create one here. If you have multiple accounts (e.g. one for testing), please use your main account email.
3. Get the link to your Upwork profile. It's necessary because we only pay via Upwork. You can access it by logging in, and then clicking on your name. It'll look like this. If you don't already have an account, sign up for one here.
4. Copy the format below and paste it in a comment on this issue. Replace the placeholder text with your actual details.
   
   Format:

Contributor details
Your Expensify account email: <REPLACE EMAIL HERE>
Upwork Profile Link: <REPLACE LINK HERE>