Jed-setupintent-RN | Stripe Developers | Page 1

fallen oracle Apr 5, 2022, 11:05 PM

#

junior silo Apr 5, 2022, 11:05 PM

#

hi there

fallen oracle Apr 5, 2022, 11:06 PM

#

Hi there!

junior silo Apr 5, 2022, 11:06 PM

#

ditto

#

or jynx lol

#

sry, go ahead

fallen oracle Apr 5, 2022, 11:06 PM

#

So to rephrase, you are having a hard time collecting billing details with a SetupIntent via React Native?

junior silo Apr 5, 2022, 11:06 PM

#

correct

#

just the address part though

fallen oracle Apr 5, 2022, 11:06 PM

#

Got it! Can you share your confrimSetupIntent() code snippet?

junior silo Apr 5, 2022, 11:07 PM

#

let address = {
city: "Ormond Beach",
county: "Velusia",
line1: "1167 Ocean Shore Blvd",
line2: "",
postalCode: "32176",
state: "FL",
}
let billingDetails = {
email: "test@stripe.com",
phone: "7173078094",
name: "Jared",
address: address,
}
const {setupIntent, error} = await confirmSetupIntent(responseData.client_secret, {
// billingDetails: {
// address: {
// city: userCity,
// line1: userStreet,
// // postalCode: zipCode,
// state: userState.value,
// },
// name: fullName,
// },
billingDetails,
type: 'Card',
});

#

I was testing with dummy data

#

sorry for bad formatting, I dont know how to code snippit in this

fallen oracle Apr 5, 2022, 11:08 PM

#

No worries! Using three backticks ` allows you to format a code snippet

junior silo Apr 5, 2022, 11:08 PM

#

cool!

fallen oracle Apr 5, 2022, 11:09 PM

#

Just for the future 🙂

#

This is fine for now

#

I don't remember correct syntax here top of head so looking!

#

Give me a sec

junior silo Apr 5, 2022, 11:09 PM

#

take your time

fallen oracle Apr 5, 2022, 11:12 PM

#

Ah I think you need billingDetails: billingDetails.

#

Instead of just passing the object, you need to pass the param and the object

junior silo Apr 5, 2022, 11:13 PM

#

ahhh

#

let me try that

#

still coming back as null for address fields

#

I know I should be using stripe dash to check, sorry

#

but they havent added me to right one yet

#

this is our response from api that gets card data

fallen oracle Apr 5, 2022, 11:17 PM

#

Hrmm

#

Can you hard code the address within the address param and try that?

junior silo Apr 5, 2022, 11:20 PM

#

yes

fallen oracle Apr 5, 2022, 11:20 PM

#

It honestly looks fine to me above... 🤔

#

Also would recommend changing a few values each time just to make sure you are getting the right response back

junior silo Apr 5, 2022, 11:21 PM

#

ok

#

const {setupIntent, error} = await confirmSetupIntent(responseData.client_secret, {
// billingDetails: {
// address: {
// city: userCity,
// line1: userStreet,
// // postalCode: zipCode,
// state: userState.value,
// },
// name: fullName,
// },
billingDetails: {
email: "test@stripe.com",
phone: "7173078094",
name: "Jared",
address: {
city: "Ormond Beach",
county: "Velusia",
line1: "1167 Ocean Shore Blvd",
line2: "",
postalCode: "32176",
state: "FL",
},
},
type: 'Card',
});

#

still all nulls for address info, except Zip, it uses what I put in cardField

fallen oracle Apr 5, 2022, 11:25 PM

#

What version of RN SDK are you on?

junior silo Apr 5, 2022, 11:26 PM

#

fallen oracle Apr 5, 2022, 11:28 PM

#

I'm not seeing anything in the Changelog that it should matter, but mind updating to the most recent and testing again? I'll also set up a repro on my side to see if this is a bug.

junior silo Apr 5, 2022, 11:29 PM

#

sure

#

0.5 right?

fallen oracle Apr 5, 2022, 11:29 PM

#

Yep

junior silo Apr 5, 2022, 11:29 PM

#

ok

#

looks like I just got access to our dashboard, so that's good

fallen oracle Apr 5, 2022, 11:31 PM

#

Feel free to provide me a SetupIntent ID that you have tested with as well

junior silo Apr 5, 2022, 11:32 PM

#

okay

#

pm_1KlLiJHbycqDImnMzhvO29Qu

#

like that?

fallen oracle Apr 5, 2022, 11:33 PM

#

Sure that works, thanks!

junior silo Apr 5, 2022, 11:36 PM

#

trying with new version, just gotta get expo app to strart

fallen oracle Apr 5, 2022, 11:36 PM

#

Thanks!

junior silo Apr 5, 2022, 11:38 PM

#

same thing with version 0.5.0 apparently

fallen oracle Apr 5, 2022, 11:39 PM

#

Thanks for testing.

#

Give me a few minutes to do some digging

junior silo Apr 5, 2022, 11:39 PM

#

sure

#

Im noticing that the address interface asks for "county" field but in response in log section it has "country"

#

you see that?

fallen oracle Apr 5, 2022, 11:42 PM

#

Yes good catch!

#

We don't collect county for paymentmethods in our API so that is definitely a bug.

junior silo Apr 5, 2022, 11:43 PM

#

interesting

fallen oracle Apr 5, 2022, 11:43 PM

#

But I don't think that is actually the root issue here.

#

I think the billing details are just overwritten by your Card component

junior silo Apr 5, 2022, 11:44 PM

#

so I need to use a different stripe component or something to collect details?

fallen oracle Apr 5, 2022, 11:44 PM

#

Not necessarily

junior silo Apr 5, 2022, 11:55 PM

#

thanks for looking into this for me

fallen oracle Apr 5, 2022, 11:56 PM

#

Of course. I'm doing some testing to see if there is a good workaround here

#

And I'll file a ticket with feedback internally after we finish up

junior silo Apr 5, 2022, 11:57 PM

#

great, really appreciate it

fallen oracle Apr 5, 2022, 11:59 PM

#

Ah I think I may have figured it out

junior silo Apr 5, 2022, 11:59 PM

#

yes?

fallen oracle Apr 6, 2022, 12:00 AM

#

One sec let me test to confirm!

#

What props do you have on your Card component? Can you try setting postalCodeEnabled={false}

junior silo Apr 6, 2022, 12:02 AM

#

                postalCodeEnabled={true}
                placeholder={{
                    number: '4242 4242 4242 4242',
                }}
                cardStyle={{
                    borderWidth: 1,
                    borderColor: "#e4e9f2",
                    backgroundColor: '#f7f9fc',
                    textColor: '#000000',
                    borderRadius: 4,
                    placeholderColor: '#8f9bb3',
                    fontSize: 15,
                }}
                style={reduxLoader || defaultLoader ? styles.invisible : styles.stripeCard}
                onCardChange={(cardDetails) => {
                    setCard(cardDetails);
                }}
                onFocus={(focusedField) => {
                    console.log('focusField', focusedField);
                }}
            />```

#

sure let me try that

fallen oracle Apr 6, 2022, 12:04 AM

#

Hmmm my test still isn't working for that... though really that is the issue.

#

Let me know what happens on your end.

junior silo Apr 6, 2022, 12:04 AM

#

yeah no dice

#

now postal code is null as well

#

that's it

fallen oracle Apr 6, 2022, 12:05 AM

#

Okay so yeah... this is the key as it is how it works with Elements. We override your Billing Details if you are collecting Postal Code, but you can set them yourself if you disable Postal Code collection.

#

However, it looks like we aren't respecting this in the RN SDK

#

So I'll need to file a bug report to get that fixed. But really you are doing everything right and we should allow you to input those Billing Details as you desire if you disable postalCode collection

junior silo Apr 6, 2022, 12:06 AM

#

I see

#

okay, I understand thanks for doing that research

#

is there another api I could use to update the card details perhaps?

#

like make a second call to that one

fallen oracle Apr 6, 2022, 12:07 AM

#

Yep you can certainly update them from the backend via: https://stripe.com/docs/api/payment_methods/update

#

That will likely be the best thing to do here until this is fixed.

junior silo Apr 6, 2022, 12:08 AM

#

alrighty, thanks so much for your help bismarck, really appreciate it

fallen oracle Apr 6, 2022, 12:08 AM

#

Thanks for reporting this!

junior silo Apr 6, 2022, 12:08 AM

#

my pleasure. have a good one!

fallen oracle Apr 6, 2022, 12:08 AM

#

You too!

fallen oracle Apr 6, 2022, 12:51 AM

#

@junior silo are you still around?

junior silo Apr 6, 2022, 12:52 AM

#

yes

fallen oracle Apr 6, 2022, 12:52 AM

#

So turns out I was wrong, and this isn't a bug

#

The bug was in my brain

#

In how I was reading our SDK reference 🙂

junior silo Apr 6, 2022, 12:52 AM

#

okay cool

fallen oracle Apr 6, 2022, 12:53 AM

#

The actual address params are here: https://github.com/stripe/stripe-react-native/blob/0dd668f/src/types/PaymentMethods.ts#L41

#

So you want to disable postalCode and input addressLine1 etc.

junior silo Apr 6, 2022, 12:53 AM

#

ah okay awesome

fallen oracle Apr 6, 2022, 12:54 AM

#

I tested and that is working fine for me. Feel free to let me know if the same doesn't hold for you when you get around to testing it out.

junior silo Apr 6, 2022, 12:55 AM

#

okay, I will test rn

#

looks like that did it

#

thanks for pinging me

fallen oracle Apr 6, 2022, 1:00 AM

#

Wahoo

junior silo Apr 6, 2022, 1:00 AM

#

saved me a good bit of work haha

#

which I was just about to get started doing

fallen oracle Apr 6, 2022, 1:01 AM

#

Sorry for missing that previously

#Jed-setupintent-RN