Earn: Add a Stripe connect prompt to the Donations block.

[kwight]

This PR adds a Stripe connection prompt to the (in development) Donations block, for sites that have the appropriate plan but have not yet set themselves up with Stripe.

Testing instructions

• On this branch locally, run yarn dev --sync to sync the changes to your sandbox.
• On your sandbox, fetch the new wpcom-block-editor build generated on this PR: ./bin/calypso/build-wpcom-block-editor.sh 770978.
• Sandbox the API, widgets.wp.com, the store, and a test site that has at least a Personal plan, but no Stripe account connected.
• On that test site, start a new post at /wp-admin/post-new.php.
• Enable console monitoring of our Tracks events with localStorage.setItem( 'debug', 'wpcom-block-editor:*' );.
• Add a Donations block.
• Verify the Donations block loads with the three tabbed view visible and working, with the prompt to connect to Stripe above it.
• Click the "connect" button and verify you are sent to a Stripe connect form. With the store sandboxed, you should be able to click the top banner to connect in development mode.
• Finish connecting, and verify the connect prompt is no longer there when you go back and refresh the editor.
• Verify a Tracks event in the console for wpcom_block_donations_stripe_connect_click .

[matticbot]

Test live: https://calypso.live/?branch=add/donations-stripe-connect

[kwight]

Doesn't work yet.

[matticbot]

Caution: This PR affects files in the FSE Plugin on WordPress.com
Please ensure your changes work on WordPress.com before merging.

D44771-code has been created so you can easily test it on your sandbox. See this FieldGuide page about developing in the FSE Plugin for more info: PCYsg-ly5-p2

[matticbot]

This PR does not affect the size of JS and CSS bundles shipped to the user's browser.

Generated by performance advisor bot at iscalypsofastyet.com.

[kwight]

This now handles the Stripe connection process, but the redirect back to the post being edited is still broken. I also need to add Tracks events.

[kwight]

This now handles the Stripe connection process, but the redirect back to the post being edited is still broken.

It looks like this is expected behaviour, although I think it's exposing other possible bugs or changes with the Recurring Payments/Premium Content blocks' handling of Stripe connecting.

I suggest we get this PR in as-is, and then evaluate how best the Stripe connect flow should be with all of the blocks requiring it. Currently, a successful connection will land the user on the Calypso Earn page:

Reloading the post with the block will go straight to displaying the donations tabs, as expected.

[mmtr]

Awesome, verified the nudge only appears when the connection is not set, and it disappear afterwards.

I suggest we get this PR in as-is, and then evaluate how best the Stripe connect flow should be with all of the blocks requiring it

+1

Verify a Tracks event in the console for wpcom_block_donations_stripe_connect_click.

I didn't see this initially, but then realized I didn't update my wpcom-block-editor build. It worked great after that. Updated the testing instructions for clarity.