Adds the NPS Feedback Form modal/popup

[kevmodrome]

Description

This PR adds #1736 to the builder. It shows up after the user has clicked the Preview/Play button to preview their app. It uses a feedbackSubmitted cookie to check if the user has already submitted feedback. As discussed in the issue it might make sense to have that attached directly on the user so that they won't see it multiple times if using different devices.

Screenshots

[codecov-commenter]

Codecov Report

Merging #2041 (9e34886) into develop (4aa1e42) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff            @@
##           develop    #2041   +/-   ##
========================================
  Coverage    75.80%   75.80%           
========================================
  Files          112      112           
  Lines         3310     3310           
  Branches       458      458           
========================================
  Hits          2509     2509           
  Misses         513      513           
  Partials       288      288           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4aa1e42...9e34886. Read the comment docs.

[joebudi]

@kevmodrome does the second modal have the same title at the first one?

[kevmodrome]

@kevmodrome does the second modal have the same title at the first one?

Good catch! Fixed now.

[joebudi]

@kevmodrome nice one! One little design nitpick:
Could you align the page detail with the buttons - Page 2 of 3 should be center-aligned with the preview and next button.

And, on top of that, maybe replace the word Page with Step.

[kevmodrome]

@kevmodrome nice one! One little design nitpick:
Could you align the page detail with the buttons - Page 2 of 3 should be center-aligned with the preview and next button.

And, on top of that, maybe replace the word Page with Step.

Fixed and uploaded new images

[aptkingston]

LGTM! Just one question on the behaviour of it - since it uses cookies I think it's very likely that they'll see this pop up a few times. That's fine, but is there a way for them to easily dismiss it after they've already filled it in? I don't see a close icon or button, but does it go away with a click outside?

[kevmodrome]

LGTM! Just one question on the behaviour of it - since it uses cookies I think it's very likely that they'll see this pop up a few times. That's fine, but is there a way for them to easily dismiss it after they've already filled it in? I don't see a close icon or button, but does it go away with a click outside?

Good q! There's currently no way to dismiss it, unsure what kind of UX @joebudi wants here?

[joebudi]

@aptkingston and @kevmodrome I don't think they (the users) should see it again, and again.

It will get annoying imo. There should be an X to close the modal and it should disappear if they click elsewhere.

We're asking for helpful information, but it should not upset the UX.

[PClmnt]

LGTM!

[Rory-Powell]

Looks good!
NAB: Would be nice to store in the db like Joe said to prevent seeing it again, but that could come as a follow up

[kevmodrome]

@joebudi is this ok?

[joebudi]

@joebudi is this ok?

Perfecto!