Compatibility issue with WooCommerce Authorize.Net Gateway plugin.

Prerequisites

[X] I have carried out troubleshooting steps and I believe I have found a bug.
[X] I have searched for similar bugs in both open and closed issues and cannot find a duplicate.

Describe the bug

When the 'Pay for order' button is clicked after selecting 'Credit Card' payment gateway from Authorize.net on the 'Pay for order' page or from the client's My Account page, an error is shown as 'An error occurred, please try again or try an alternate form of payment. Accept.js Error: payment nonce is missing'

The issue only happens when our plugin is active.

Tested with WooCommerce 9.2.3, PGBF 2.13.0 and WooCommerce Authorize.Net Gateway 3.10.4

woocommerce-gateway-authorize-net-cim-1.zip

Steps to reproduce

Set up and enable the 'Authorize.Net Credit Card' payment gateway after installing the WooCommerce Authorize.Net Gateway plugin
Create a new order from the admin side for guests as well as for existing customers.
Visit the Pay for Order page, select this Credit Card payment gateway, and click on the 'Pay for order' button and you will see an error.

Visiting this page from admin side or from My account->Orders page->Pay button, you will experience the same error.

settings page Pay for order checkout page

Expected behavior

Should be able to place an order when our plugin is active.

WordPress Environment

Isolating the problem

[X] I have deactivated other plugins and confirmed this bug occurs when only our plugin is active.
[X] This bug happens with a default WordPress theme active, or Storefront.
[X] I can reproduce this bug consistently using the steps above.

Additional field

Ticket: https://support.tychesoftwares.com/conversation/3837?folder_id=13

TycheSoftwares / checkout-fees-for-woocommerce