So I’ve done some digging. The error is thrown by wp_asp_add_stripe_handler, which is trying to find the stripehandlerX variable and read its data.
jQuery(document).ready(function() {
jQuery('input[data-stripe-button-uid]').each(function (ind, obj) {
uid = jQuery(obj).data('stripeButtonUid');
wp_asp_add_stripe_handler(window['stripehandler' + uid].data);
});
});
It’s thrown for these values:
i
5
uid
6
It’s not a shock that uid=6 would break things when you look at the slot where the variables are actually set:
<script type='text/javascript'>
/* <![CDATA[ */
var stripehandler = {"strEnterValidAmount":"Please enter a valid amount","strMinAmount":"Minimum amount is 0.5","key":"pk_live_uwHa1TPAG3EEZQ7FCXX36KSZ"};
var stripehandler1 = {"data":{"description":"","image":"","currency":"GBP","name":"Test donation for a good cause","url":"","amount":0,"billingAddress":false,"shippingAddress":false,"uniq_id":1,"variable":true}};
var stripehandler2 = {"data":{"description":"","image":"","currency":"GBP","name":"Support show expenses","url":"","amount":0,"billingAddress":false,"shippingAddress":false,"uniq_id":2,"variable":true}};
var stripehandler4 = {"data":{"description":"","image":"","currency":"GBP","name":"Test 2","url":"","amount":0,"billingAddress":false,"shippingAddress":false,"uniq_id":4,"variable":true}};
/* ]]> */
</script>
I checked the item names against the page, and those are for the three buttons with undefined prices. That’s the precise opposite of what I was expecting to find; but obviously, you’d expect something to fail. <b>
It looks like you only set theseinput forms without a price set.</b>
Then I ran the whole thing with just one variable donation input button, and it still threw the same error. Then I ran it in the debugger, and I think I’ve found the problem.
Break point on line 5 (uid = …), and data dump:
ind
0
obj
<input type=?"hidden" data-stripe-button-uid=?"1">?
Break point on line 6:
uid
1
That’s not a surprise. But the next line is looking for stripehandler1.
And the relevant source code is:
/* <![CDATA[ */
var stripehandler = {"strEnterValidAmount":"Please enter a valid amount","strMinAmount":"Minimum amount is 0.5","key":"pk_live_uwHa1TPAG3EEZQ7FCXX36KSZ"};
var stripehandler0 = {"data":{"description":"","image":"","currency":"GBP","name":"Test donation for a good cause","url":"","amount":0,"billingAddress":false,"shippingAddress":false,"uniq_id":0,"variable":true}};
/* ]]> */
</script>
So obviously, it fails.
So I think the real problem is that (for some reason that isn’t reproduced on all platforms) when you have a stripeHandlerX variable, the variables that are coded by the plugin start at an index 0; whereas the Javascript expects them to start at an index of 1; so the Javascript doesn’t find them.
How does that sound to you, MRA?
