feat: display purchase details in checkout modal when taxes are enabled

[laurelfulford]

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 adds the tax/order details table on the second screen of the modal checkout, if you have taxes enabled.

It also removes some cruft that came over from the theme's version of this template; the theme had options to hide this information outright, display it with a toggle, or show it all the time. We could also go that route; I was just leery of duplicating the setting, or tying it to something in the current theme if we can avoid it 😬

I also didn't do much with the styling; I tried to keep with the simplified appearance for this information, but it just felt more cluttered. The table's a straight copy of how this information displays in the theme.

See 1200550061930446-as-1204773493453836

How to test the changes in this Pull Request:

First enable and set up taxes.

1. Enable taxes in WooCommerce by following these steps. You want your prices to be exclusive of tax (so they're added at checkout).
2. When you get to Shipping Tax Class, you only need the 'Standard Rate'.
3. Add some Tax Rates by clicking WooCommerce > Settings > Tax > Standard Rate; you can import this CSV for the tax rates for the different Canadian provinces/territories, or add your own.
4. Under WooCommerce > Settings > Taxes, set taxes to be applied from the Shop location, and make sure your shop address matches a location you've set some taxes for.

Next, test the PR:

1. Apply the PR and run npm run build.
2. Set up a page with a checkout button linked to a product.
3. Click the button, and fill in your billing details; click Continue.
4. On the next screen, you should get a table of billing details under the simplified total that includes your taxes (my shop is set in BC, so it's charging both GST and PST):

5. Disable taxes under WooCommerce > Settings > Genera.
6. Repeat steps 3-4, and confirm the table no longer displays.

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?

[leogermani]

Works as described and fits well in the modal.

Maybe we can investigate in the future if we have more granular control on what to display to make it less verbose?

[laurelfulford]

Thanks @leogermani! 🙌

[matticbot]

🎉 This PR is included in version 1.71.0-alpha.1 🎉

The release is available on:

• npm package (@alpha dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[matticbot]

🎉 This PR is included in version 1.72.0-alpha.1 🎉

The release is available on:

• npm package (@alpha dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[matticbot]

🎉 This PR is included in version 1.72.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀