Ensure the correct UI is shown in the new WooCommerce payments settings.

[iamdharmesh]

All Submissions:

• Does your code follow the WooCommerce Sniffs variant of WordPress coding standards?
• Have you written new tests for your changes, as applicable?
• Have you successfully run tests with your changes locally?
• Will this change require new documentation or changes to existing documentation?

---

Changes proposed in this Pull Request:

WooCommerce is modernizing the WooCommerce Payments experience with a new React-based interface for the core WooCommerce Payments settings page. This PR makes changes to ensure that payment methods added by this extension are shown correctly in the new UI.

Note

Since the Square account connection settings are located on the Square settings page rather than in individual payment gateway settings, the "Complete setup" button should redirect to the Square settings instead of the individual payment gateway settings page. However, on the current classic payment settings page, the "Finish setup" button also redirects to the individual settings page. We can ignore this for now, but I just want to add a note to consider it for future enhancements.

Closes #281

Steps to test the changes in this Pull Request:

Verify that the payment methods list displays the correct buttons and statuses for each payment method.

• If the Square credentials are not set or the Square account is not connected, display the "Complete setup" button and the "Action required" status.
  

• If the Square account is configured but the method is not enabled, display the "Enable" and "Manage" buttons with an Inactive status.
  

• If the payment method credentials are configured and the method is enabled, display the "Manage" button with an "Active" status for production and "Test Mode" for the sandbox environment.

  • Sandbox
    

  • Production
    

Changelog entry

Fix - Ensure payment methods display the correct buttons and statuses in the new WooCommerce Payments settings.