diff --git a/src/id-verification/IdVerification.messages.js b/src/id-verification/IdVerification.messages.js
index 39a2ec0..cc3b4df 100644
--- a/src/id-verification/IdVerification.messages.js
+++ b/src/id-verification/IdVerification.messages.js
@@ -581,6 +581,11 @@ const messages = defineMessages({
defaultMessage: 'Please update account name to match the name on your ID.',
description: 'Error that shows when the user needs to update their account name to match the name on their ID.',
},
+ 'id.verification.name.error': {
+ id: 'id.verification.name.error',
+ defaultMessage: 'Please enter your name as it appears on your government-issued ID.',
+ description: 'Error that shows when the user needs to update their name to match the name on their ID.',
+ },
'id.verification.account.name.warning.prefix': {
id: 'id.verification.account.name.warning.prefix',
defaultMessage: 'Please Note:',
diff --git a/src/id-verification/panels/GetNameIdPanel.jsx b/src/id-verification/panels/GetNameIdPanel.jsx
index 4f545c3..eadb27e 100644
--- a/src/id-verification/panels/GetNameIdPanel.jsx
+++ b/src/id-verification/panels/GetNameIdPanel.jsx
@@ -14,7 +14,87 @@ import { VerifiedNameContext } from '../VerifiedNameContext';
import messages from '../IdVerification.messages';
-function GetNameIdPanel(props) {
+function GetNameIdPanelVerified(props) {
+ const { push, location } = useHistory();
+ const nameInputRef = useRef();
+ const panelSlug = 'get-name-id';
+ const nextPanelSlug = useNextPanelSlug(panelSlug);
+
+ const { nameOnAccount, idPhotoName, setIdPhotoName } = useContext(IdVerificationContext);
+ const nameOnAccountValue = nameOnAccount || '';
+
+ useEffect(() => {
+ if (idPhotoName === null) {
+ setIdPhotoName(nameOnAccountValue);
+ }
+
+ if (location.state?.fromSummary && nameInputRef.current) {
+ nameInputRef.current.focus();
+ }
+ }, []);
+
+ function handleSubmit(e) {
+ e.preventDefault();
+ if (idPhotoName) {
+ push(nextPanelSlug);
+ }
+ }
+
+ return (
+
+