volco | Stripe Developers | Page 1

slate pierBOT May 11, 2023, 9:29 AM

#

deft reef May 11, 2023, 9:29 AM

#

Hi there!

#

Are you trying to load Stripe on the Frontend? Are you using plain JavaScript or React or something else?

viral peak May 11, 2023, 9:30 AM

#

Yes loading Stripe on the frontend, using typescript

#

I tried on vanilla js as well but had the same issue. Just confused if Im missing something

deft reef May 11, 2023, 9:32 AM

#

In the documentation we recommend doing const stripe = require('stripe')('pk_xxx');. Have you tried this?

viral peak May 11, 2023, 9:32 AM

#

Are the stripe definitions on definitelyTyped maintained by Stripe in any official capacity or unaffiliated?

deft reef May 11, 2023, 9:35 AM

#

What us definitelyTyped? Can you share a link?

viral peak May 11, 2023, 9:36 AM

#

https://www.npmjs.com/package/@types/stripe-v3

npm

@types/stripe-v3

TypeScript definitions for stripe-v3. Latest version: 3.1.28, last published: 2 months ago. Start using @types/stripe-v3 in your project by running npm i @types/stripe-v3. There are 23 other projects in the npm registry using @types/stripe-v3.

#

Stripe type definitions for typescript

deft reef May 11, 2023, 9:37 AM

#

This is not maintained by Stripe, so I have no idea.

viral peak May 11, 2023, 9:39 AM

#

Got it, thanks. I think thats where some of my confusion comes from

#

Can you link the documentation which has setup using const stripe = require('stripe')('pk_xxx')?

#

I was referring to https://stripe.com/docs/js/including and https://www.npmjs.com/package/@stripe/stripe-js to help setup and I didn't find mention of using require

Stripe JS Reference

npm

@stripe/stripe-js

Stripe.js loading utility. Latest version: 1.52.1, last published: a month ago. Start using @stripe/stripe-js in your project by running npm i @stripe/stripe-js. There are 462 other projects in the npm registry using @stripe/stripe-js.

deft reef May 11, 2023, 9:42 AM

#

Sorry I was wrong earlier (I mixed Stripe.js and stripe-node). The way to lead Stripe.js is actually: var stripe = Stripe('pk_test_xxxx');, as mentioned here https://stripe.com/docs/js/initializing

viral peak May 11, 2023, 9:44 AM

#

Do you know what the difference is between loading it that way compared to loading it as described in the npm package? Theoretically, the loaded instances should be using the same library?

viscid pasture May 11, 2023, 9:46 AM

#

Hi! I'm taking over my colleague. Please, give me a moment to catch up.

viral peak May 11, 2023, 9:47 AM

#

Hi vanya, thanks! Sorry if anything wasn't clear, I don't think I described my issue the best

viscid pasture May 11, 2023, 9:48 AM

#

What's the 2 ways of loading in question?

viral peak May 11, 2023, 9:48 AM

#

Using var stripe = Stripe('pk_test_xxxx') as described in https://stripe.com/docs/js/initializing, and using stripe = await loadStripe('pk_test_key') as described in https://www.npmjs.com/package/@stripe/stripe-js

npm

@stripe/stripe-js

Stripe.js loading utility. Latest version: 1.52.1, last published: a month ago. Start using @stripe/stripe-js in your project by running npm i @stripe/stripe-js. There are 462 other projects in the npm registry using @stripe/stripe-js.

viscid pasture May 11, 2023, 9:49 AM

#

viral peak I tried on vanilla js as well but had the same issue. Just confused if Im missin...

What's the issue you're facing?
What's the functionality that you are missing?

viral peak May 11, 2023, 9:51 AM

#

When I load the stripe instance the two different ways, different libraries are being pulled up. The first one is missing createRadarSessions functionality

#

I just wanted to check that theoretically, they should be getting the exact same functions

viscid pasture May 11, 2023, 9:54 AM

#

I believe the npm package (loadStripe()) contains all the functionality, while, if you include a script (Stripe()), some modules are loaded separately, to save bandwidth. Let me double check

viral peak May 11, 2023, 9:54 AM

#

Ah I see, that would explain it

viscid pasture May 11, 2023, 9:56 AM

#

Hm, but I don't see any extra scripts you need to load to use Radar. What's the exact error you're getting?

viral peak May 11, 2023, 9:57 AM

#

There's no error, I just don't have access to those functions - they're not defined

viscid pasture May 11, 2023, 9:58 AM

#

It seems like you should be able to use radar with Stripe(): https://stripe.com/docs/js/payment_intents/create_radar_session

viral peak May 11, 2023, 9:59 AM

#

Yeah haha that's what I was trying to do but it wasn't working. I think this issue may be related to that DefinitelyTyped library I mentioned in the beginning being loaded in. I'll do more debugging on my end, thanks for looking into it!

#

I have one last question

#

On this page https://stripe.com/docs/radar/integration, it is suggested to include the stripe.js script on every page to collect signals for fraud detection

#

What is the difference between the signals collected by advanced fraud signals and the information collection by radar sessions?

viscid pasture May 11, 2023, 10:01 AM

#

viral peak Yeah haha that's what I was trying to do but it wasn't working. I think this iss...

I just tried it out locally and it works with JS. If you use TypeScript, you could already use the npm module.

viral peak May 11, 2023, 10:01 AM

#

In other words, is there any data that radar sessions collects that isn't collected automatically by the stripe.js script?

viscid pasture May 11, 2023, 10:01 AM

#

viral peak What is the difference between the signals collected by advanced fraud signals a...

I don't know much about Radar itself, it's best to ask Stripe Support: https://support.stripe.com/?contact=true

viral peak May 11, 2023, 10:02 AM

#

Got it, thanks!

#

You've been really excellent, I truly appreciate it

viscid pasture May 11, 2023, 10:02 AM

#

Thanks! Happy to help. Please, let me know if you have any other questions.

#volco