As a user, after a payment transaction is cancelled in pay.gov I would like to get back to permit application page

shekarpendem commented 6 years ago

Notes

Acceptance Criteria

[x] user is returned to application form with values populated

Tasks

[x] update user flow model (bryan)
[x] frontend/backend: Return user to application form if they click cancel at pay.gov(Cameron)
[x] frontend: Populate application form with values from DB(Cameron)
[x] frontend: messaging to user so that user knows what to do next.(Cameron)
[x] update repo name to `fs-permit-platform' and update references and circle env vars
[x] frontend specs (seth)
[x] e2e (seth)
[x] server specs (shekar)
[x] Design Pre-approved (TTS)
[x] Design approved (Amber)

Definition of Done

[x] Code unit / e2e tested and comply with QWASP
[x] No new security vulnerabilities
[x] Internal team code review
[x] Documentation / readme.md / CircleCI updated
[x] Docker updated
[x] Compare finished design with mockup
[x] Usability tested

cameronwolf commented 6 years ago

@tram Here is the first pass at the notification for users after they click the cancel button on pay.gov and are returned back to the application. What do you think of the message and styling?

tram commented 6 years ago

👍 Copy looks good! (Maybe a couple tweaks. See below…) 🤔 WCAG 2.0 AA recommends a contrast ratio of 4.5:1 for small (non-header) text and this is pretty close. (~4, I think.) The USWDS alert style has a pretty high contrast ratio (~17) and would allow for some tiered emphasis. Something like…

<div class="usa-alert-body">
<h3 class="usa-alert-heading">Your permit purchase is cancelled.</h3>
<p class="usa-alert-text">Your credit card was not charged. To create a permit, you must complete the purchase transaction.</p>
</div>

cameronwolf commented 6 years ago

@tram Got that updated, definitely looking better. Do you approve merging this into staging? screen shot 2017-12-27 at 1 38 20 pm