All Submissions:

• Have you followed the Newspack Contributing guideline?
• Does your code follow the WordPress' coding standards and VIP Go coding standards?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

This PR updates some CSS that was used to hide the modal content gate when the Audience Development Sign In or any state of the Modal Checkout was open (variation picker, checkout, thank you, newsletter modal).

It also adds a CSS class to the body when a purchase/sign up would normally refresh the page, so the gate can be hidden while that's happening.

See: 1200550061930446-as-1209980970331853

How to test the changes in this Pull Request:

1. Set up a Woo Membership that restricts content.
2. Set up two products to purchase to get access to that membership: one a regular subscription product, and one a variable subscription product.
3. Set up a Content Gate, and set it to display as an overlay. Add two checkout button blocks, one for each of your subscription products.
4. In an incognito window, view a post that shows the gate, and click on one of the checkout button blocks. Note that the gate is still visible behind the checkout:

5. Apply this PR and run npm run build.
6. In an incognito window, try to purchase one of the memberships from the gate; confirm that the content gate modal is hidden while the checkout is open.
7. Close the checkout modal without completing the purchase, and make sure the content gate comes back.
8. Try checking out with the button that opens the variation picker, and confirm the gate goes away.

9. Complete a purchase of the membership product, and confirm that when you're done, the modal checkout will close but the gate doesn't come back while the page is reloading (you'll still only see the excerpt until the page refreshes).
10. Under Audience > Checkout & Payment, enable "Require sign in or create account before checkout".
11. In the incognito window repeat the above steps: confirm that the content gate goes away while the sign in modal is opened, and will come back when you close the sign in modal without filling it in, but not when you complete a transaction.
12. Under Audience > Configuration, enable "Present newsletter signup after checkout and registration" and turn on a couple lists.
13. In the incognito window, run one more checkout and confirm that the content gate is still hidden when the newsletters modal is open, but that it doesn't come back when you click 'Continue' on that modal or just close it.

Other information:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you written new tests for your changes, as applicable?
• Have you successfully ran tests with your changes locally?

• To see the specific tasks where the Asana app for GitHub is being used, see below:
  • https://app.asana.com/0/0/1209980970331853