Mike.7189-details | Stripe Developers | Page 1

young peak Nov 3, 2021, 10:36 AM

#

frozen sparrow Nov 3, 2021, 10:36 AM

#

Hi 🙂

young peak Nov 3, 2021, 10:36 AM

#

@frozen sparrow it depends a little. How do you integrate and accept the payments? CheckoutSessions?

frozen sparrow Nov 3, 2021, 10:37 AM

#

https://fns-accessories.web.app/en/catalog
hit buy now

fns-accessories

Build Setup

#

it's stripe checkout

#

like this

#

And I don't really want to store this data in the database

young peak Nov 3, 2021, 10:47 AM

#

so you'd handle the webhook for checkout.session.completed at least (https://stripe.com/docs/payments/checkout/fulfill-orders)

Fulfill your orders

#

and then the shipping comes from the shipping object on the CheckoutSession object https://stripe.com/docs/payments/checkout/shipping#handling-transactions

https://stripe.com/docs/api/checkout/sessions/object#checkout_session_object-shipping-address

#

I know you mentioned billing_details in your question but you are collecting a shipping address and sending stuff there, so presumably you explicitly want that, and not the billing address of the payment method(which might be different)

frozen sparrow Nov 3, 2021, 10:50 AM

#

alright, but how do I send it my frontend?

young peak Nov 3, 2021, 10:51 AM

#

you don't, since it's collected in the Checkout page for you, right?

#

or sorry you mean send it to your frontend

#

I mean that depends how your frontend works, but for example look at https://stripe.com/docs/payments/checkout/custom-success-page

#

it shows how you can get infromation from the CheckoutSession and render it into the success page

frozen sparrow Nov 3, 2021, 10:52 AM

#

yes, so I can show something like:

Thanks for your purchase, we'll ship it to shipping_address

young peak Nov 3, 2021, 10:52 AM

#

same exact concept

frozen sparrow Nov 3, 2021, 10:56 AM

#

same for /cancel, yes?

young peak Nov 3, 2021, 10:58 AM

#

yep, you can add {CHECKOUT_SESSION_ID} to the cancel URL and do similar things

#

obviously there won't be any address to work with in that case though

frozen sparrow Nov 3, 2021, 10:59 AM

#

and where am I supposed to get the session.id?

#

    const session = await stripe.checkout.sessions.create({ ... })
res.status(200).send(session.url) // for redirect on frontend

So in my case it'll be session.id?

#

but I can't

#

I can't access session before initialization

#

        const session = await stripe.checkout.sessions.create({
            payment_method_types: ["card"],
            shipping_rates: ["shr_1JrLmoKuBnFIZzDsZ26cDNtp"],
            shipping_address_collection: {
                allowed_countries: ["IT", "FR", "ES"],
            },
            line_items: [
                {
                    price: variant.stripeProductId,
                    adjustable_quantity: {
                        enabled: true,
                        minimum: 1,
                        maximum: parseInt(variant.stock),
                    },
                    quantity: 1,
                },
            ],
            mode: "payment",
            success_url: `${process.env.SUCCESS_URL}?session_id=${session.id}`,
            cancel_url: `${process.env.CANCEL_URL}?session_id=${session.id}`,
        });

        res.status(200).send(session.url);

young peak Nov 3, 2021, 11:05 AM

#

you don't need it do it that way

#

{CHECKOUT_SESSION_ID} is a magic string

frozen sparrow Nov 3, 2021, 11:06 AM

#

yeah I got it.. 🙂

young peak Nov 3, 2021, 11:06 AM

#

https://stripe.com/docs/payments/checkout/custom-success-page

Add the {CHECKOUT_SESSION_ID} template variable to the success_url when you create the Checkout Session. Note that this is a literal string and must be added exactly as you see it here. Do not substitute it with a Checkout Session ID—this happens automatically after your customer pays and is redirected to the success page.

frozen sparrow Nov 3, 2021, 11:07 AM

#

alright, lemme try to access this data and I'll move to another question 🙂

#

alright, running into problem

#

StripeInvalidRequestError: line_items[0][adjustable_quantity][minimum] (1) must be less than line_items[0][adjustable_quantity][maximum] (1).

#

            line_items: [
                {
                    price: variant.stripeProductId,
                    adjustable_quantity: {
                        enabled: true,
                        minimum: 1,
                        maximum: parseInt(variant.stock),
                    },
                    quantity: 1,
                },
            ],

young peak Nov 3, 2021, 11:16 AM

#

hard to say since I can't see what your variant.stock variable is

frozen sparrow Nov 3, 2021, 11:16 AM

#

so the remaining quantity (variant.stock) is 1

young peak Nov 3, 2021, 11:17 AM

#

then you probably want to write some code to special case that

#

if it's 1, then don't use adjustable_quantity and omit it from the request

frozen sparrow Nov 3, 2021, 11:17 AM

#

wth, can't I sell the last item I have? 😄

young peak Nov 3, 2021, 11:17 AM

#

you can, just not with adjustable quantity enabled

frozen sparrow Nov 3, 2021, 11:17 AM

#

so adjustable_quantity can't be 1?

young peak Nov 3, 2021, 11:19 AM

#

seems that way, it won't let you do min:1 and max:1, as the error implies

frozen sparrow Nov 3, 2021, 11:23 AM

#

            line_items:
                parseInt(variant.stock) === 1
                    ? [
                            {
                                price: variant.stripeProductId,
                                quantity: 1,
                            },
                      ]
                    : [
                            {
                                price: variant.stripeProductId,
                                adjustable_quantity: {
                                    enabled: true,
                                    minimum: 1,
                                    maximum: parseInt(variant.stock),
                                },
                                quantity: 1,
                            },
                      ],

#

this is ugly

#

can I pass empty object instead of adjustable_quantity?

#

or I can just do enabled: false, right?

#

StripeInvalidRequestError: You cannot use `line_items[0][adjustable_quantity][maximum]` if `line_items[0][adjustable_quantity][enabled]` is false.

#

wtf is this error?

#

enabled is false, but I still can't use it

young peak Nov 3, 2021, 11:28 AM

#

👀

#

your code seems correct and for example this works for me with both stock 1 or stock 3

let stock = 1;
//let stock = 3;
const session = await stripe.checkout.sessions.create({
            payment_method_types: ["card"],
            line_items:
                parseInt(stock) === 1
                    ? [
                            {
                                price: "price_1JiKBfJoUivz182DeeQGbB0L",
                                quantity: 1,
                            },
                      ]
                    : [
                            {
                                price: "price_1JiKBfJoUivz182DeeQGbB0L",
                                adjustable_quantity: {
                                    enabled: true,
                                    minimum: 1,
                                    maximum: stock,
                                },
                                quantity: 1,
                            },
                      ],
            mode: "payment",
            success_url: "https://example.com",
            cancel_url: "https://example.com"
        });

#

if you have a request ID req_xxx for that error (https://support.stripe.com/questions/finding-the-id-for-an-api-request) I can try to look at that

frozen sparrow Nov 3, 2021, 12:17 PM

#

alright, it's just a bit ugly

#

enabled: parseInt(variant.stock) === 1 ? false : true
this would look much better and shorter, but doesn't work for some reason

#

alright, seems all good.

#

Now I have a question about product creation

#

particularly about image(s)

#

as far as I remember api call receives images, and that is an array

#

so I am a big confused how can I set product image

young peak Nov 3, 2021, 12:26 PM

#

it's easiest to do it through the dashboard, that's how I usually do it.

#

frozen sparrow Nov 3, 2021, 12:28 PM

#

I know it's easiest 😄

#

I need it through api

#

cos I am creating CMS

#

admin creates new item > images uploaded to cloudinary > links to cloudinary used to create stripe product + price > the whole product saved on mongoDB (with stripe_price_id and links to cloudinary)

young peak Nov 3, 2021, 12:31 PM

#

then it's https://stripe.com/docs/api/products/create#create_product-images (you pass an array of strings, the strings are URLs to where you've hosted the images)

frozen sparrow Nov 3, 2021, 12:32 PM

#

annnnd which one will be used as a product image?

young peak Nov 3, 2021, 12:32 PM

#

the first one I think. I don't know why it accepts multiple

#

I've never used this part of the API unfortunately, it's a good question

#Mike.7189-details

Build Setup