alexzada-react-native-styling

[mild hedge]

Hello! What is the code you're using to style this currently look like?

[hallow karma]

<CardForm placeholders={{ number: 'Número', expiration: 'Validade', cvc: 'CVV', }} cardStyle={{ textColor: 'C7C7C7', borderColor: 'C7C7C7', borderWidth: 1, borderRadius: 5, }} style={{ width: '100%', height: 200, marginBottom: 15, }} />

attributes inside cardStyle don't work

[mild hedge]

Are you testing on Android or ios?

[hallow karma]

both

[mild hedge]

CardForm styling was added in version 0.8.0, but only for Android (see https://github.com/stripe/stripe-react-native/pull/849) - which version are you currently using?

[hallow karma]

0.8.0

but if it doesn't have ios support, I'll need to use another component

[mild hedge]

Yeah, ios support is blocked for now (see https://github.com/stripe/stripe-react-native/issues/563#issuecomment-1069314402)

[hallow karma]

ok then, thank you very much!

how do i see the styling of this component? https://github.com/stripe/stripe-react-native/blob/master/src/components/CardField.tsx

[mild hedge]

Are you asking specifically how to add styling to CardField, or have you already added it and are not seeing it reflected while testing?

[hallow karma]

I would like to see directly in the SDK code, where it was defined that one input would be next to the other, that it would have a card icon next to the input, that stuff

I don't know if I made myself understood 😆

[mild hedge]

Gotcha! You want to see specifically how CardField is implemented in our library, is that correct?

[hallow karma]

exactly

[mild hedge]

Let me see if I can find it, but I'm just wondering - is there a specific reason you need this?

[hallow karma]

another dev who answered a previous question of mine said that I could study how Stripe components are made and maybe I could make a custom component

[mild hedge]

I think the code that controls this is here (but I'm not a mobile expert so I could be wrong)

• https://github.com/stripe/stripe-react-native/blob/ecc0a5e895afcb44b58570d998fde994ff373280/android/src/main/java/com/reactnativestripesdk/CardFieldView.kt
• https://github.com/stripe/stripe-react-native/blob/ecc0a5e895afcb44b58570d998fde994ff373280/ios/CardFieldView.swift

[hallow karma]

I will see now, thank you very much

[hallow karma]

Is there any function in Stripe that calculates the value of each installment based on the product value and the minimum value of each installment?

[mild hedge]

By installments, are you referring to https://stripe.com/docs/payments/installments, or something else?

[hallow karma]

yep

[mild hedge]

I believe that logic lies on our server - it wouldn't be something that's available publicly

[hallow karma]

ah ok, thanks

[hallow karma]

How can I handle the additional card authentication steps in the Subscription flow? With PaymentIntent I can use stripe.paymentIntents.confirm, but the Subscription api doesn't provide a confirm. I'm implementing the finalization on the server, synchronously.

[torn tide]

hey there, just hopping in for karbi

You need to confirm the payment intent on the subscription latest invoice

so if you retrieve the subscription (or on create, etc) you can use expansion to get the full invoice object:
https://stripe.com/docs/api/expanding_objects
expand[]=latest_invoice.payment_intent
Then you can confirm that payment intent, and if needed send the client_secret to the client for authentication

If the payment does require authentication, it would work kind of like the flow in this deprecated subscriptions guide: https://stripe.com/docs/billing/subscriptions/fixed-price#manage-payment-authentication

(We now recommend using the default_incomplete flow with client side confirmation, but the choice is yours!)

[hallow karma]

I don't understand very well, but I'll read it again to see if I can understand 😆

is the additional authentication step something that can happen depending on the client or is it something that I set as a default that all clients will have to do or that no client will have to do?

[torn tide]

Our recommended flow for creating subscriptions is here: https://stripe.com/docs/billing/subscriptions/build-subscriptions?ui=elements#create-subscription
This is client side confirmation, for all initial payments.