refactor(deposit): send email throws true method

[wachunei]

Description

This PR refactors the send email method into the new promise style method call.

Changelog

CHANGELOG entry:

Related issues

Fixes:

Manual testing steps

1. Go to this page...

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[github-actions]

Bitrise

✅✅✅ pr_smoke_e2e_pipeline passed on Bitrise! ✅✅✅

Commit hash: aed1bac
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/89f10a51-57a5-4318-9066-053bdb70fa3c

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

[cursor]

Bug: Loading State Timing and Error Persistence Issues

The isLoading state is set prematurely before email validation, causing a brief, incorrect loading state when an invalid email is entered and no API call is made. Additionally, API errors are not cleared on subsequent submission attempts if the input text remains unchanged, leading to stale error messages persisting during the loading state.

app/components/UI/Ramp/Deposit/Views/EnterEmail/EnterEmail.tsx#L80-L103

metamask-mobile/app/components/UI/Ramp/Deposit/Views/EnterEmail/EnterEmail.tsx

Lines 80 to 103 in aed1bac

	const handleSubmit = useCallback(async () => {
	try {
	setIsLoading(true);
	if (validateEmail(email)) {
	setValidationError(false);
	await submitEmail();
	navigation.navigate(
	...createOtpCodeNavDetails({
	quote,
	email,
	paymentMethodId,
	cryptoCurrencyChainId,
	}),
	);
	} else {
	setValidationError(true);
	}
	} catch (e) {
	setError(strings('deposit.enter_email.error'));
	Logger.error(e as Error, 'Error submitting email');
	} finally {
	setIsLoading(false);
	}

Fix in Cursor • Fix in Web

---

Was this report helpful? Give feedback by reacting with 👍 or 👎