Purchases: Add notice to PurchasesList after a purchase is canceled

[drewblaisdell]

This adds a success and error notice to PurchasesList, which users will be redirected to after clicking the link in the email they receive when asked to confirm a purchase cancelation.

Requires patch D-573.

Fixes #257.

Testing
You can test the notices by visiting these URLs:

• http://calypso.localhost:3000/purchases/cancel-problem
• http://calypso.localhost:3000/purchases/cancel-success

The conditions for redirecting to these URLs are handled by the patch. An unsuccessful cancelation can be triggered by opening the cancelation link from the confirmation email in a browser window that is not logged in to the user that requested the cancelation.

• QA review
• Code review

[gziolo]

I always forget about it, we have sites always loaded when dealing with component loaded by page helper 👍

[gziolo]

I left some comments, but don't treat them as blockers. Code in this PR looks good 👍
I didn't look closer at the server patch.

[scruffian]

http://calypso.localhost:3000/purchases/cancel-problem
http://calypso.localhost:3000/purchases/cancel-success

Are these the right URLs? Should they be more like this?

http://calypso.localhost:3000/purchases/:domain/:ID/cancel-problem

[drewblaisdell]

@scruffian When a purchase is canceled (the cancel-success case), we can't redirect the user to the purchase's page because it no longer exists.

The current implementation of cancel-problem mirrors the old dashboard, but it can probably be changed so that the user goes to the ManagePurchase page for the given purchase, if we expect the purchase to still exist in all of the cases in which there was an issue canceling.

[mikeshelton1503]

If a global notice would provide a better UX than the current implementation (the notice is associated with /purchases/cancel-success, so the notice disappears when the user navigates to a new page, but would return if the user presses back) I'm happy to make the change.

I was unable to test because I never received the email (unrelated to this PR). As I understand it, when you click through from the email a notice is displayed at the top but then disappears when you navigate to another page. Is that correct?

For a successful notice, there is no problem with it disappearing on a new page, however for the error notice, it should persist until dismissed or fixed.

[fabianapsimoes]

@drewblaisdell I did receive the cancellation email, but they still take me to /my-upgrades. Is that expected or did I do something wrong?

I checked the notices in the links you provided, and noticed there's no dismiss button in them.

[scruffian]

QA 👍

[drewblaisdell]

I discussed the issue with the patch with @fabianapsimoes elsewhere and opened an issue for @gziolo's v2 suggestion: #1142

[fabianapsimoes]

I've reported the unaddressed issues in this PR here: #1181