Provide a user opt-in form for org-admins

[cdcabrera]

What's included

• feat(optinView): issues/240 add opt-in form
  • build, proxy run path adjusted
  • i18n, locales, strings for opt-in
  • authentication, add in admin checks
  • optinView, add component
  • routerTypes, add and apply error routing for opt-in
  • userActions, notifications for opt-in success/fail
  • userReducer, carry admin and entitled through error state
  • userServices, add in opt-in put force status for mock testing
  • styling, added images, minor adjustments

Notes

• @mbpierce @bclarhk @rblackbu
• In the event you are logged in you can navigate directly to the "optinView" via, /subscriptions/optin
  • A check that determines if a 403 is NOT thrown and you're an admin should probably disabled the button, currently it does not. Regular users aren't a concern, they receive the opt in view sans button.

Process for "opt-in" breakdown

• User must be an org-admin to receive the "opt-in" form. If they are not they see the basic opt-in form without the button to proceed.
• If an org-admin successfully "opts in" they will see a green toast notification that requires manual dismissal.
  • Refreshing this screen should then bring the graph display up. We currently do not automatically refresh
• If an org-admin fails to "opt in", i.e. the API fails, they will see a red toast notification, and a Contact us link indicating they can not proceed.
  • Hitting refresh on this page will allow the user to resubmit. We currently do not automatically refresh

How to test

Local run check

1. update the NPM packages with $ yarn
2. Add a file called .env.local to the root of the project
3. Add the following line to .env.local, REACT_APP_DEBUG_ORG_ADMIN=true
4. then, in terminal run $ yarn start
5. navigate towards http://localhost:3000/optin
6. next, submit the form a confirmation screen similar to the below screenshot should appear
7. If you want to experience what a "non-org-admin" sees ...
   1. stop the project,
   2. then either remove REACT_APP_DEBUG_ORG_ADMIN=true or change it to REACT_APP_DEBUG_ORG_ADMIN=false,
   3. then restart the project with $ yarn start.
   4. You should see a screen similar to the last screenshot.

Example

Recordings

Updates issue/story

#240

[cdcabrera]

• Unit tests need to be expanded on "optinView". We'll iterate on the test in order to get this pushed through to CI/dev
• Iterating on ... being able to navigate directly to /subscriptions/optin and still receiving the button if you're an org-admin and a 2XX level status has been thrown from Tally and Capacity