[spike]: Push notifications for orders placed in Venia

[ericerway]

Is your feature request related to a problem? Please describe.
Push notifications are a key experience for PWA. Beyond adding to home screen (done) Venia should address key shopping experiences (including orders) using this capability with progressive web apps. This not only demonstrates this capability for merchants but provides an important "hook" for shoppers helping them check order easily similar to how this is done with leading native applications.

Describe the solution you'd like
The shopper confirms their first order, and on the order confirmation page they are asked for permission to push notifications to them. A couple of days later, they return to the Venia browser tab and as they are browsing they receive an in-app toast that their order has shipped, and they will be able to click on the order number link in the toast text to view shipping details. The toast will persist until dismissed. Additional context and UX from @soumya-ashok will be provided.

Describe alternatives you've considered
They have Venia installed on their home screen and are able to receive a device notification about their order status as a stretch goal for this story.

Additional context
If the shopper doesn’t have Venia installed, they would not be able to receive device notifications from Venia. Authentication considerations and other scenarios to be considered.

Please let us know what packages this feature is in regards to:

• venia-concept
• pwa-buildpack
• peregrine
• pwa-devdocs
• upward-js
• upward-spec

[soumya-ashok]

I am in the process of investigating how this works when the PWA or site is not added to the device's home screen both on desktop and mobile. Will update with mockups as soon as I have a better understanding.

[soumya-ashok]

@awilcoxa and @ericerway - Please review the design for a simple push notification flow here - https://magento.invisionapp.com/share/A8RI9D97Y5Q

I've included mocks for both iOS and Android. @jimbo has already reviewed them.

The prompt to enable push notifications would appear after the shopper confirmed their very first purchase right as they are taken to the order confirmation page.

If they deny, then this prompt doesn't appear again per current standards. If they click Allow, then they see a Venia - style toast that confirms the action.

There are examples for how the push notification would appear when it first arrives, and then display on the lock screen.

Happy to answer any questions.

[awilcoxa]

Initial POC for push notifs: order status change (ex. order is shipped) creates a push notification for user with app installed and opt-in selected

[vasilii-b]

Hi @awilcoxa, @soumya-ashok ,
Could you please re-share the link for mockups? It says it reached the quota limit.
Thank you!

[soumya-ashok]

@vasilii-b We no longer use Invision as a tool and we are in the process of revisiting the design. Is this issue something you would be interested in working on immediately / in the near future?

[vasilii-b]

@soumya-ashok I'd like to work on it in the near future.

[soumya-ashok]

@vasilii-b Okay. Will discuss with the team and get back to you.

[awilcoxa]

Will update description of issue to reflect that this is a spike with the expected outcome being research and POC that highlights a number of different approaches to providing push notifs for an order status change.