lucky-trader_api | Stripe Developers | Page 1

desert oracleBOT May 16, 2025, 5:14 AM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1372804485528817726

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

lucky-trader_api, 1 hour ago, 9 messages

#

north oak May 16, 2025, 5:15 AM

#

Hi, @wheat badger

desert oracleBOT May 16, 2025, 5:15 AM

#

north oak May 16, 2025, 5:15 AM

#

I created a payment intention on the backend api with blik as a payment method, and I want to confirm it on the react native side.
BUt there's no way to confirm with with blik code

wheat badger May 16, 2025, 5:19 AM

#

Hi @north oak I’ll get back to you later

north oak May 16, 2025, 5:20 AM

#

Hi, @carmine quail

desert oracleBOT May 16, 2025, 5:24 AM

#

north oak May 16, 2025, 5:24 AM

#

Hi, @neon grotto

neon grotto May 16, 2025, 5:24 AM

#

Hi there, catching up

#

I think we met before 🙂 And yes you can implement PaymentSheet on ReactNative, which should support Blik

#

https://docs.stripe.com/payments/mobile/accept-payment?platform=react-native&type=payment

Accept in-app payments

Build a customized payments integration in your iOS, Android, or React Native app using the Payment Sheet.

north oak May 16, 2025, 5:26 AM

#

But payment sheet does not show Blik payment method

#

I tried it

#

check this out

#

This is the payment intent

{
  id: 'pi_3RPGTDQOB1mXSy4a0zFV5A7K',
  object: 'payment_intent',
  amount: 3100,
  amount_capturable: 0,
  amount_details: { tip: {} },
  amount_received: 0,
  application: null,
  application_fee_amount: null,
  automatic_payment_methods: { allow_redirects: 'never', enabled: true },
  canceled_at: null,
  cancellation_reason: null,
  capture_method: 'automatic_async',
  client_secret: 'pi_3RPGTDQOB1mXSy4a0zFV5A7K_secret_1j8QXzB99Pbol81YYsr8KrhAk',
  confirmation_method: 'automatic',
  created: 1747371967,
  currency: 'pln',
  customer: 'cus_SJttlzrvbmXhiF',
  description: 'Payment for book id BK-DRUB8N8EU0',
  last_payment_error: null,
  latest_charge: null,
  livemode: false,
  metadata: {},
  next_action: null,
  on_behalf_of: null,
  payment_method: null,
  payment_method_configuration_details: { id: 'pmc_1RLiJaQOB1mXSy4aobozc0Um', parent: null },
  payment_method_options: {
    blik: {},
    card: {
      installments: null,
      mandate_options: null,
      network: null,
      request_three_d_secure: 'automatic'
    },
    link: { persistent_token: null }
  },
  payment_method_types: [ 'card', 'blik', 'link' ],
  processing: null,
  receipt_email: null,
  review: null,
  setup_future_usage: null,
  shipping: null,
  source: null,
  statement_descriptor: null,
  statement_descriptor_suffix: null,
  status: 'requires_payment_method',
  transfer_data: null,
  transfer_group: null
}

#

But this is what I get when I present payment sheet

simulator_screenshot_7EDDD98C-4E1B-4E94-9F86-49796D5C1239.png

neon grotto May 16, 2025, 5:27 AM

#

The PI does have

  payment_method_types: [
    "card",
    "blik",
    "link",
  ],

though

north oak May 16, 2025, 5:27 AM

#

yeah

#

same for Android

#

neon grotto May 16, 2025, 5:28 AM

#

Did you configure a redirect url?

north oak May 16, 2025, 5:29 AM

#

yes

neon grotto May 16, 2025, 5:29 AM

#

This part: https://docs.stripe.com/payments/mobile/accept-payment?platform=react-native&type=payment#set-up-return-url

Accept in-app payments

Build a customized payments integration in your iOS, Android, or React Native app using the Payment Sheet.

north oak May 16, 2025, 5:29 AM

#


      const { error } = await initPaymentSheet({
        merchantDisplayName: reservation.court.club.title,
        applePay: {
          merchantCountryCode: purchaseDetail.merchantCountryCode ?? "PL",
          cartItems: [
            {
              label: purchaseDetail.carts.label,
              amount: (purchaseDetail.carts.amount * 1).toString(),
              paymentType: PlatformPay.PaymentType.Immediate,
            },
          ],
        },
        googlePay: {
          testEnv: Config.STRIPE_TEST,
          merchantCountryCode: purchaseDetail.merchantCountryCode ?? "PL",
          currencyCode: purchaseDetail.currency ?? "PLN",
          label: purchaseDetail.carts.label,
          amount: (purchaseDetail.carts.amount * 100).toString(),
        },
        intentConfiguration: {
          mode: {
            amount: Math.round(payAmount * 100),
            currencyCode: reservation.court.club.currency || "PLN",
          },
          confirmHandler: confirmHandler,
        },
        returnURL: "neopadel://payment/stripe",
      })

      if (error) {
        console.log("Error initializing payment sheet:", error)
      }
    }

neon grotto May 16, 2025, 5:30 AM

#

Alright, how about handleURLCallback as the Doc link above mentioned

north oak May 16, 2025, 5:30 AM

#

where can I config it?

#

oh

#

one moment

#

@neon grotto
Same

#

it still does not show the blik option

neon grotto May 16, 2025, 5:36 AM

#

Okie can you share the full code?

north oak May 16, 2025, 5:36 AM

#

📎 message.txt

neon grotto May 16, 2025, 5:41 AM

#

Um I still haven't seen handleURLCallback in this file. Do you define it somewhere else?

north oak May 16, 2025, 5:41 AM

#

yeah

#

📎 message.txt

#

AppContext, which embeds the above component

neon grotto May 16, 2025, 5:45 AM

#

Alright, have you also done step 1 and 2 here?

Register a custom URL. Universal links aren’t supported.

Configure your custom URL.

#

From the Doc

north oak May 16, 2025, 5:46 AM

#

Yes

neon grotto May 16, 2025, 5:47 AM

#

Could you show the Xcode settings for 1?

north oak May 16, 2025, 5:48 AM

#

#

as you can see, there's com.neopadel schema added

neon grotto May 16, 2025, 5:49 AM

#

Your PI uses neopadel so that's more important. But okie

#

I am not familiar with neopadel, com.neopadel works. Could you split them out to 2 different entries?

north oak May 16, 2025, 5:53 AM

#

ok, its bulding now, takes some time

#

btw, is there anyw ay to confirm the blik code directly on react native without using payment sheet?

neon grotto May 16, 2025, 5:54 AM

#

No, only PaymentSheet for now

north oak May 16, 2025, 5:56 AM

#

Why do I receive this error when paying with test card?

simulator_screenshot_754D237F-5E09-4E10-93EC-BAE8125C2F6D.png

#

Apple pay works, but card does not work

#

this is the intent

  id: 'pi_3RPHF6QOB1mXSy4a17nMkV3p',
  object: 'payment_intent',
  amount: 16600,
  amount_capturable: 0,
  amount_details: { tip: {} },
  amount_received: 0,
  application: null,
  application_fee_amount: null,
  automatic_payment_methods: { allow_redirects: 'never', enabled: true },
  canceled_at: null,
  cancellation_reason: null,
  capture_method: 'automatic_async',
  client_secret: 'pi_3RPHF6QOB1mXSy4a17nMkV3p_secret_JEM9iHLh3nYBN9k3247OHdhuh',
  confirmation_method: 'automatic',
  created: 1747374936,
  currency: 'pln',
  customer: 'cus_SJtuoT8UHijVIa',
  description: 'Payment for book id BK-DRUB8N8EU0',
  last_payment_error: null,
  latest_charge: null,
  livemode: false,
  metadata: {},
  next_action: null,
  on_behalf_of: null,
  payment_method: null,
  payment_method_configuration_details: { id: 'pmc_1RLiJaQOB1mXSy4aobozc0Um', parent: null },
  payment_method_options: {
    blik: {},
    card: {
      installments: null,
      mandate_options: null,
      network: null,
      request_three_d_secure: 'automatic'
    },
    link: { persistent_token: null }
  },
  payment_method_types: [ 'card', 'blik', 'link' ],
  processing: null,
  receipt_email: null,
  review: null,
  setup_future_usage: null,
  shipping: null,
  source: null,
  statement_descriptor: null,
  statement_descriptor_suffix: null,
  status: 'requires_payment_method',
  transfer_data: null,
  transfer_group: null
}

wheat badger May 16, 2025, 5:57 AM

#

Hi @north oak I'm taking over this thread. give me a sec to catch up

#

Ok, so looks like you are using the deferred intent creation flow, and you need to make sure the params that you pass to initPaymentSheet match with the params that you use to create a PaymentIntent

north oak May 16, 2025, 6:00 AM

#

For this, I used exactly the same

#

Apple pay and google pay works, but only direct card pay throws an error

wheat badger May 16, 2025, 6:02 AM

#

Can you check with you latest react-native code and see if you specify automatic for captureMethod?

north oak May 16, 2025, 6:02 AM

#

the latest react native throws a build error on android

#

e: This version (1.3.2) of the Compose Compiler requires Kotlin version 1.7.20 but you appear to be using Kotlin version 1.9.25 which is not known to be compatible.  Please fix your configuration (or `suppressKotlinVersionCompatibilityCheck` but don't say I didn't warn you!).

#

many users are complaining about this on the github

wheat badger May 16, 2025, 6:04 AM

#

https://github.com/stripe/stripe-react-native/issues/1924#issuecomment-2867227374 can you try this solution?

GitHub

Kotlin 2 build error when building Android with Expo 52 · Issue #1...

I upgraded to v0.45.0. No issues were found on iOS, but the Android compilation failed with an error like this: "node_modules/@stripe/stripe-react-native/android/src/main/java/com/reactnatives...

north oak May 16, 2025, 6:06 AM

#

let me give a try

#

building on android now

#

in 0.46.0, is it possible to confirm the PI with blik code directly without using payment sheet?

#

@wheat badger

wheat badger May 16, 2025, 6:11 AM

#

I don't see a BlikParams for the confirmPayment function, so I don't think you can confirm a blik PI without using PaymentSheet.

north oak May 16, 2025, 6:11 AM

#

is there any separate bank app to be installed to use BLIK payment in stripe?

wheat badger May 16, 2025, 6:15 AM

#

The customer will need to have a banking app to authenticate the payment. You can view the flow here https://docs.stripe.com/payments/blik#payment-flow

BLIK payments

Learn about BLIK, a common payment method in Poland.

north oak May 16, 2025, 6:16 AM

#

Ok

#

Besides that

#

the build error on android

#

📎 message.txt

wheat badger May 16, 2025, 6:23 AM

#

The error stack doesn't really provide much useful info.

#

Have you tried cleaned the node_modules and cleared the Android project cache?

north oak May 16, 2025, 6:23 AM

#

let me try that

#

w: file:///Users/administrator/Documents/kai/padelapp-monorepo/mobile-app/node_modules/expo-modules-autolinking/android/expo-gradle-plugin/expo-autolinking-plugin-shared/build.gradle.kts:32:9: The expression is unused

FAILURE: Build failed with an exception.

* Where:
Build file '/Users/administrator/Documents/kai/padelapp-monorepo/mobile-app/android/build.gradle' line: 12

* What went wrong:
A problem occurred evaluating root project 'NeoPadel'.
> Could not get unknown property 'kotlinVersion' for object of type org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandler.

* Try:
> Run with --stacktrace option to get the stack trace.
> Run with --info or --debug option to get more log output.
> Run with --scan to get full insights.
> Get more help at https://help.gradle.org.

#

This is app.config.ts

#

📎 message.txt

north oak May 16, 2025, 6:45 AM

#

Is it possible to confirm with blik using useEmbeddedPaymentElement?

#

@wheat badger

wheat badger May 16, 2025, 6:57 AM

#

The embedded payment sheet should support the same list of payment methods that payment sheet supports

north oak May 16, 2025, 7:00 AM

#

ok

#

i'll try that

#lucky-trader_api