Infinite spinning wheel and console errors

  • Resolved callerpatty

    (@callerpatty)


    3 years ago

    We’ve gotten many reports of some users trying to check out using credit cards and after they fill out their information and click submit, the spinning loader wheel just keeps spinning – no error, no stopping. I did an experiment with a customer’s card, and it spun for over an hour until I closed the window. It isn’t everybody, and doesn’t seem to be a rhyme or reason. We have had successful payments. When this happens, no order information is written with a payment error, and no error appears to be writing to the braintree logs.

    We are also noticing an increase of failed orders with this error: “Error processing payment. Reason: Cannot determine payment method.”

    while trying to troubleshoot, I also noticed the following errors in the console. We have made no modifications to the code or to the wordpress core.

    TypeError: Cannot read properties of undefined (reading 'enabled')
    at CreditCard.wc_braintree.CreditCard._3ds_enabled (wc-braintree.min.js?ver=3.2.33:1:41355)
    at CreditCard.wc_braintree.BaseGateway.initialize_3d_secure (wc-braintree.min.js?ver=3.2.33:1:10509)
    at CreditCard.wc_braintree.CreditCard.create_instance (wc-braintree.min.js?ver=3.2.33:1:40229)
    at CreditCard.create_instance (credit-cards.js?ver=3.2.33:49:59)
    at Object.wc_braintree.create_instance (wc-braintree.min.js?ver=3.2.33:1:1059)
    at Object.<anonymous> (wc-braintree.min.js?ver=3.2.33:1:1288)
    at Array.forEach (<anonymous>)
    at Object.wc_braintree.triggerClientReady (wc-braintree.min.js?ver=3.2.33:1:1263)
    at client-manager.min.js?ver=3.2.33:1:1001
    at client.min.js:1:4903

    Woocommerce Version 6.3.1
    Payment Plugins Braintree For WooCommerce Version 3.2.33
    PHP version 7.4

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    Hi @callerpatty,

    It looks like your page is initially loading using a cache for increased speed. Can you confirm if that’s true?

    What appears to be happening is your page loads a cache and the required plugin settings aren’t included in the HMTL.

    Once the required HTML loads then the credit card form loads as expected but that’s why you’re seeing that Javascript error.

    Kind Regards,

    Thread Starter callerpatty

    (@callerpatty)

    We turned off all wordpress cache/optimization plugins a while ago, and only had server-side caching in place through our cpanel. I just turned it off, flushed the cache and opened in a new incognito window, and I still am seeing the error in callback function and the read errors.

    Lots of clients are having problems now. ??

    Plugin Author Payment Plugins

    (@mrclayton)

    Hi @callerpatty,

    It still appears to be initially loading from cache. I confirmed by slowing down the page load speed which resulted in the JS error not appearing.

    The solution will be to find what mechanism is causing your checkout page to initially load from cache.

    Can you reach out to us via the Help button in the plugin settings pages? We can offer insights on how to resolve this.

    Kind regards,

    Thread Starter callerpatty

    (@callerpatty)

    just submitted via that help button

    Plugin Author Payment Plugins

    (@mrclayton)

    Setting to closed. The merchant had a setting enabled in their theme that deferred the jQuery script.

    Thread Starter callerpatty

    (@callerpatty)

    Hi
    Actually, this hasn’t been resolved – after checking that jquery wasn’t deferred, we still have many users that are getting the spinning wheel when trying to pay via credit card via your plugin. We’re not running any caching plugins, and have turned off the theme’s query settings.

    We are still receiving this error when we view console on the cart page:

    TypeError: Cannot read properties of undefined (reading 'enabled')
    at CreditCard.wc_braintree.CreditCard._3ds_enabled (wc-braintree.min.js?ver=3.2.33:1:41355)
    at CreditCard.wc_braintree.BaseGateway.initialize_3d_secure (wc-braintree.min.js?ver=3.2.33:1:10509)
    at CreditCard.wc_braintree.CreditCard.create_instance (wc-braintree.min.js?ver=3.2.33:1:40229)
    at CreditCard.create_instance (credit-cards.js?ver=3.2.33:49:59)
    at Object.wc_braintree.create_instance (wc-braintree.min.js?ver=3.2.33:1:1059)
    at Object.<anonymous> (wc-braintree.min.js?ver=3.2.33:1:1288)
    at Array.forEach (<anonymous>)
    at Object.wc_braintree.triggerClientReady (wc-braintree.min.js?ver=3.2.33:1:1263)
    at client-manager.min.js?ver=3.2.33:1:1001
    at client.min.js:1:4903
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Infinite spinning wheel and console errors’ is closed to new replies.