stripe checkout not defined

[Tbrondolo]

Hi

I have Stripe working on one application that I did a few years ago and now I am setting it up on another. When I test in localhost I get the error that dostripecheckout is not defined. Which I believe comes from not having the Stripe.js properly referenced. It works in live preview but not localhost. Having said this... I know I solved this problem when I did the last implementation and it was some method of adding in the js file to the project. I just can't figure out what I did, where I got stripe.js from and its not in my notes....

So how do I get stripe.js into the project?

Thanks
tom

[Tbrondolo]

Re: stripe checkout not defined

So what I believe I am missing is the following:

<script src="https://checkout.stripe.com/checkout.js"></script>

So I believe the question should be how did I get this resource add into my first project!

[Davidk]

Re: stripe checkout not defined

If you're using a UX you can put a reference in the UX Properties Javascript Linked files. Put in it like...

https://checkout.stripe.com/checkout.js

Something else might be going on because LivePreview or LocalHost shouldn't make any difference since you're pulling the Stripe library from Stripe itself.

[Tbrondolo]

Re: stripe checkout not defined

Hi David

That did not work. I had looked to see if I had added that into my other ux that works but its not there. I'm beginning to wonder if this is an issue with using the same api keys on two different applications. The exact error reference i'm getting is as follows:

doStripeCheckout_77438ab971e943709c5665aa75533b29 is not defined

could it be a keyed version of checkout to my specific api key?

maybe I need to create a separate account with new keys.

[Davidk]

Re: stripe checkout not defined

How are you calling Stripe? I thought it was a typo, but I don't recognize that error message format.

Using the same API keys won't matter... you can use the same keys in a hundred apps. You're just authenticating your Stripe account... that's all.

EDIT:

I see what you've done now... you've converted the Stripe Action Javascript into code.

So... the question is... do you have the Javascript and XBasic functions doStripeCheckout_77438ab971e943709c5665aa75533b29 in place? You'll find them in the "Declarations - Global" and "Xbasic functions" sections of your original component Action.

You may be better off just creating a new Action... and converting that.

[Tbrondolo]

Re: stripe checkout not defined

Hi David,

I got laid up with travel and a cold for a few days. I'm calling Stripe through the built in Stripe component.

I see what your saying about the global declarations. I recreated the action and confirmed that the appropriate xbasic references are in the declarations and xbasic functions See below

If I run it from "http://localhost:1580/LivePreview/NEWBOOKING_PageLayoutLivePreview.a5w?vywwwyni=112634505" it works

if I run it from localhost or the WAS it fails with the dostripecheckout as undefined.

I've tried deleting the component, restarting the localhost and republishing.

function doStripeCheckout_9ffa5a1934c343a78fff38db26aa224f() {
var obj = {
"specifyAPIKeys": "Explicit",
"testPublishableKey": "pk_test_XXXXXXXXXX",
"livePublishableKey": "",
"appType": "Test",
"name": "XXXXXXXXXX",
"appIcon": "",
"currency": "USD",
"locale": "auto",
"xbasicFunctionName": "stripeCheckout_9ffa5a1934c343a78fff38db26aa224f",
"userOnStripeCheckoutCompleteFunction": "var e = {};\n if ({dialog.object}.getStripeResults) {\n\t\te = {dialog.object}.getStripeResults();\n\t} else {\n\t\te = A5.stripe.getEmbeddedStripeResults();\n\t}\nstripeCheckoutComplete(e);",
"userGetChargeAmountFunction": "var charge = parseInt({dialog.object}.stateInfo['stripeAmount']); \n\nreturn charge ;",
"userGetChargeDescriptionFunction": "return getDescription();"
};
obj.id = '9ffa5a1934c343a78fff38db26aa224f';
if (typeof sObj_9ffa5a1934c343a78fff38db26aa224f == 'undefined') {
  sObj_9ffa5a1934c343a78fff38db26aa224f = new StripeCheckoutClass(obj);
}
sObj_9ffa5a1934c343a78fff38db26aa224f.callStripeCheckout();
}

Xbasic callback

function stripeCheckout_9ffa5a1934c343a78fff38db26aa224f as c(e as p)
DIM p as P
DIM p.appType as C = "Test"
DIM p.testSecretKey as C = "sk_test_XXXXXXXXXXXXXXXXXXXXXC"
DIM p.liveSecretKey as C


dim n as Helper::V8
dim p2 as p
p2._id = api_uuidcreate()
p2._command = "stripeChargesCreate"
p2._tokenId = e.token

dim skey as c
if p.appType = "Test" then
skey = p.testSecretKey
else
skey = p.liveSecretKey
end if
p2._key = skey
p2._amount = e._state.charge.amount
p2._description = e._state.charge.description
p2._currency = e._state.charge.currency

dim jsonCmd as c
jsonCmd = json_generate(p2)

dim result as c
result = n.NodeRequest(jsonCmd)
stripeCheckout_9ffa5a1934c343a78fff38db26aa224f = "{dialog.object}._stripeResults ="+result+";A5.stripe.results="+result+";"

end function

[Davidk]

Re: stripe checkout not defined

What build of Alpha are you using?

There we some builds of Alpha where they messed up installing the Stripe NodeJS stuff. In general, the way Alpha implemented Stripe using NodeJS is a bit of a mess. You're far better off using XBasic and the Stripe REST API... but that's another discussion.

Why are you converting the Stripe Action Javascript... or are you? Just curious. It the call failing using just the Action Javascript... not converted?

Can you post a simple UX and I'll try it here. I'll put in my Stripe API Key.

[Tbrondolo]

Re: stripe checkout not defined

I'm on build 5487.

I wasn't converting the Stripe Action just showing that the action exists in the declarations.

It's working fine on another database under the same localhost and developer install, but I'll try updating to the latest build and make a simple ux to see if it will work.

thanks
Tom

[Davidk]

Re: stripe checkout not defined

Build 5487 is ok... it was an older build last year that got messed up. I just tested build 5487 with the Action Javascript "Stripe - Process Stripe Payment" and it's ok... no issues when running published to localhost. Something else, other than the Stripe stuff is going on. Post a simple UX showing what you're doing.

[Tbrondolo]

Re: stripe checkout not defined

Ok, so I created a simple UX for stripe, tested it and it worked. I then add in the testUX as an object on the original UX and it worked.

I then deleted the test UX and redefined the Stripe action again (Yes I had done this before) and now it works.

I don't know what changed or what fixed it but now it's seems to be working.

Thanks for your help, hopefully it stays fixed

tom

[Davidk]

Re: stripe checkout not defined

I don't know what this means...

I then add in the testUX as an object on the original UX...

Are you working with a parent UX and a child UX with the child UX calling Stripe?

[Tbrondolo]

Re: stripe checkout not defined

Just an update on this issue. I had a stripe checkout action javascript defined in two places. Once I removed one of them it worked.