krsacme | Stripe Developers | Page 1

queen yewBOT Jan 3, 2024, 9:02 AM

#

steel haven Jan 3, 2024, 9:05 AM

#

👋 happy to help

#

are you using PaymentElement in a Webview in an iOS app?

exotic pier Jan 3, 2024, 9:06 AM

#

it is on web

steel haven Jan 3, 2024, 9:07 AM

#

does this also happen on Safari?

#

I mean on a mac?

exotic pier Jan 3, 2024, 9:08 AM

#

We don't see ApplePay option in mac - both chrome and safari. Only GoolePay shows up and it worked fine.

#

We are seeing ApplePay in iphone browser - both chrome and safari same behavior

steel haven Jan 3, 2024, 9:11 AM

#

you shouldn't be seing ApplePay on Chrome

#

that's expected

#

would you mind sharing a link to your test mode website?

exotic pier Jan 3, 2024, 9:15 AM

#

yeah.

#

https://enamel.dev.subscribili.com/find-a-provider

#

once this is loaded, you need to select Lantana Place

#

And once moved to next page, select Smile More

#

then our checkout window will open. fill basic details and then click Continue to Pay

#

then PaymentElement will open up

steel haven Jan 3, 2024, 9:19 AM

#

#

I can see the apple pay on Safari on mac

exotic pier Jan 3, 2024, 9:20 AM

#

Ohh...

#

here, if we click Pay buttong, it throws error

steel haven Jan 3, 2024, 9:23 AM

#

would you mind sharing your code please?

exotic pier Jan 3, 2024, 9:23 AM

#

yes, do you see the error?

#

📎 StripePaymentDialog.txt

steel haven Jan 3, 2024, 9:32 AM

#

taking a look

#

I don't see handleSubmit function code since you're passing it as a prop

exotic pier Jan 3, 2024, 9:42 AM

#

let me get that..

#

give me few mins, i will share it.

#

    dispatch({
      type: DRAWER_STATE_UPDATED,
      payload: {
        drawerState: 'checkout_stripe_payment',
        props: {
          setStripeSetupIntent: false,
          values,
          handleSubmit: () => setInvokeSubmit(true),
        },
      },
    });

#

its part of this file

📎 SubscriptionForm.jsx

steel haven Jan 3, 2024, 9:58 AM

#

taking a look

#

useEffect(() => {
    invokeSubmit && handleSubmit();
  }, [invokeSubmit]);

#

this is the reason

#

the handleSubmit should be called by your click button event and not based on the react useEffect hook

exotic pier Jan 3, 2024, 10:07 AM

#

ok. pass it as props is not a problem, but it should be invoked in the same context - correct?

steel haven Jan 3, 2024, 10:08 AM

#

yes in the same event handler

#

so instead of handleSubmit: () => setInvokeSubmit(true), you should just pass handleSubmit

exotic pier Jan 3, 2024, 10:09 AM

#

ok. we will make the modifications and try it. Thanks.

steel haven Jan 3, 2024, 10:11 AM

#

let me know if you need any more help

exotic pier Jan 3, 2024, 10:11 AM

#

sure. will be be around for another hour?

#

i asking the team to make the changes

#krsacme