In #48695, we fixed the right margin of the Checkout chat link when inside the CheckoutSummary
, but when the monthly plans rollout happened, the link was absolutely positioned below the summary, creating a number of display issues. This PR bundles the CheckoutSupportLink
component (logic and styles) with the PaymentsChatButton
, renames that files, and properly includes it one level up (inside of CheckoutSummaryBody
), beneath the upsells (when visible).
Fixes: #49150
Chat eligible:
Chat eligible (with upsell):
Chat eligible on mobile (with upsell):
Chat not eligible:
To test:
- force the pre-sales HappyChat button to render by setting this and this to true
- add a domain to your cart to visit Checkout
- verify that the button matches the screenshots above (with the upsell)
- click the upsell to add a plan to your cart
- verify that the button matches the screenshots above (without the upsell)
Unfortunately, no screenshots were provided by the developer.