Fix incompatible notice in editor due missing style properties

[wjrosa]

Fixes #3356
Related #3516

Changes proposed in this Pull Request:

This is an additional fix for the incompatibility notice issue being displayed on our editor. The original PR should fix the root cause, but this PR adds support for styles as an additional layer.

Testing instructions

• Checkout and build this branch on your test environment (fix/incompatible-notice-in-editor)
• As a merchant, edit your Checkout page
• Select the block checkout section
  
• Confirm the notice is now gone
  

---

• Covered with tests (or have a good reason not to test in description ☝️)
• Added changelog entry in both changelog.txt and readme.txt (or does not apply)
• Tested on mobile (or does not apply)

Post merge

• Added testing instructions to the Release Testing Instructions wiki page (or does not apply)
• Added the needs docs label (or does not apply)
• Included this PR in the Release Thread scope (or does not apply)

[Mayisha]

Hi @wjrosa

I see the incompatibility notice in one scenario. To reproduce-

• Set the store currency to USD.
• In the Stripe settings page enable a few payment methods that support only Euro (iDeal, SEPA, EPS etc.)
• Go to the edit checkout page.
• Select the block checkout section.

[wjrosa]

Hi @wjrosa

I see the incompatibility notice in one scenario. To reproduce-

• Set the store currency to USD.
• In the Stripe settings page enable a few payment methods that support only Euro (iDeal, SEPA, EPS etc.)
• Go to the edit checkout page.
• Select the block checkout section.

Thanks, Mayisha! I am a bit lost here with this notice. I asked for @nielslange 's help since he introduced this feature. I hope he can give us some insights on how to fix this.

[nielslange]

Thanks, Mayisha! I am a bit lost here with this notice. I asked for @nielslange 's help since he introduced this feature. I hope he can give us some insights on how to fix this.

@wjrosa Thanks for reaching out.

I see the incompatibility notice in one scenario. To reproduce-

• Set the store currency to USD.
• In the Stripe settings page enable a few payment methods that support only Euro (iDeal, SEPA, EPS etc.)
• Go to the edit checkout page.
• Select the block checkout section.

@Mayisha On your screenshot, I see empty bullet points. When trying to reproduce this issue on my end, I see the corresponding incompatible payment gateways:

Can you tell me detailed steps to reproduce this issue? It might also be helpful if you could post your SSR. That way, I can see which versions you are using.

As for seeing the incompatibility notice in general, I'd say that's expected when the site currency is set to USD, but the corresponding payment gateways expect the currency to be EUR. That said, the warning message "Some active extensions do not yet support this block." is not optimal. It might be better to change this warning message to something like "Some active extensions do not yet support this block or are incompatible with the cite currency."