Simon_WS-Checkout | Stripe Developers | Page 1

hoary lagoon Jun 28, 2022, 10:44 AM

#

👋 happy to help

#

could you please elaborate more?

full bough Jun 28, 2022, 10:46 AM

#

sure - we have already implemented using an ApplePay "Payment Request" button in our checkout (final step) along with Stripe Elements (Card) and using the PaymentIntentService API to retrieve charge data upon payment completion.

https://stripe.com/docs/stripe-js/elements/payment-request-button

Example/test Apple Pay payment completed this way:
https://dashboard.stripe.com/test/payments/pi_3LFb7FK5LTv40UrO1AyaZ0JI

#

I am now working on adding an "Express Checkout" alternative for Apple Pay including the PaymentRequst.requestShipping option to allow customers to bypass checkout on the website and complete via ApplePay

Example payment:
https://dashboard.stripe.com/test/payments/pi_3LFbdDK5LTv40UrO01Yde1ZF

#

My problem is when the payment is completed "
charge.succeeded" callback from Stripe I am not able to retrieve the customer_ID or shipping details

#

Please can you confirm how I can retrieve the customer_id linked to a PaymentIntent/Charge and also it's Shipping Address

#

Note: we use the synchronous client initiated callback for Payment Intent and Charge - we are not listening for the "
charge.updated" event

hoary lagoon Jun 28, 2022, 10:57 AM

#

Sorry for the late reply, could you just bare with me for a minute?

full bough Jun 28, 2022, 10:57 AM

#

no worries tarzan

#

sorry, I did type a lot!

hoary lagoon Jun 28, 2022, 10:58 AM

#

and it's quite a busy discord shift 🙈

#

is this pi_3LFbdDK5LTv40UrO01Yde1ZF the PI that you used to generate the payment for your custom checkout flow?

full bough Jun 28, 2022, 11:01 AM

#

Yes - for Express Checkout

hoary lagoon Jun 28, 2022, 11:02 AM

#

what do you mean by express checkout?

full bough Jun 28, 2022, 11:03 AM

#

https://stripe.com/docs/apple-pay/best-practices

hoary lagoon Jun 28, 2022, 11:04 AM

#

ok

full bough Jun 28, 2022, 11:04 AM

#

I mean, initiating a ui.stripeInstance.paymentRequest on the basket page to allow ApplePay customers to bypass the usual checkout flow (eg login, billing, shipping) and to instead jump straight to ApplePay and we then get the billing and shipping back from Stripe

hoary lagoon Jun 28, 2022, 11:04 AM

#

but in that Payment Intent you haven't passed any customer Id nor metadata to store information

#

regarding the order

full bough Jun 28, 2022, 11:06 AM

#

That is because at this point there is no customer

#

please can you provide me with an example / doc link?

hoary lagoon Jun 28, 2022, 11:14 AM

#

there is no specific doc for this

full bough Jun 28, 2022, 11:15 AM

#

Please can you clarify by what you mean by passing in metaData in the PaymentIntent? At this stage there is no customer record

hoary lagoon Jun 28, 2022, 11:17 AM

#

you're not passing nor a customer nor shipping info

#

actually let me correct myself, you are passing the customer

#

but you need to listen to payment_intent.succeeded to get that info on the PaymentIntent Object

full bough Jun 28, 2022, 11:18 AM

#

in the client ui.stripeInstance.paymentRequest, I am passing the options requestPayerName, requestPayerEmail, requestPayerPhone and requestShipping as true

hoary lagoon Jun 28, 2022, 11:18 AM

#

but regarding the shipping, it's not passed so unless you do pass it you wouldn't see it on the Payment Intent

full bough Jun 28, 2022, 11:18 AM

#

when creating the PaymentIntent:

            var options = new PaymentIntentCreateOptions {
                Amount = Convert.ToInt32(paymentTotal * 100), // in pence
                Description = (stripeTestMode ? "Test_" : string.Empty) + "Order ID : " + order.OrderID.ToString(),
                Currency = order.Currency.ISO3Code,
                CaptureMethod = captureAuthImmediately ? "automatic" : "manual",
                SetupFutureUsage = "off_session",
                AutomaticPaymentMethods = new PaymentIntentAutomaticPaymentMethodsOptions {
                    Enabled = true,
                }
            };

#

... I am not passing in options.Customer at this stage as there is no customer to link to

hoary lagoon Jun 28, 2022, 11:23 AM

#

yes I agree

full bough Jun 28, 2022, 11:23 AM

#

so flow is:

Create ui.stripeInstance.paymentRequest with options for shipping etc set to true
if paymentRequest.canMakePayment then Create Payment Intent (serverside)
When payment completed in Stripe we handle callback for payment_intent.succeeded

#

it is in step 3 that I am expecting to retrieve the Guest customer_id and shipping address details

#

I think what you are saying is that I have to pass in an empty record /metadata for step 2 PaymentIntent customer. Is that correct?

#

The summary of this property in the Stripe.cs library states this is "ID of the Customer this PaymentIntent belongs to, if one exists.Payment methods attached to other Customers cannot be used with this PaymentIntent. If present in combination with setup_future_usage this PaymentIntent's payment method will be attached to the Customer after the PaymentIntent has been confirmed and any required actions from the user are complete".

But as stated, no customer exists at this stage

molten wing Jun 28, 2022, 11:34 AM

#

Hi! I'm taking over this thread.

full bough Jun 28, 2022, 11:34 AM

#

Hi Soma

molten wing Jun 28, 2022, 11:36 AM

#

Please give me a few minutes to catchup.

full bough Jun 28, 2022, 11:36 AM

#

sure

#

just to add to this!

I can see in the article here: https://stripe.com/docs/stripe-js/elements/payment-request-button?html-or-react=html#html-js-collecting-shipping-info
that I can retrieve selected shipping address data from ApplePay via this callback endpoint - however the notes also state "The address data on the shippingaddresschange event may be anonymized by the browser to not reveal sensitive information that is not necessary for shipping cost calculation." - ie the purpose of this is to check shipping cost is valid, not to actually get the shipping address - I am therefore not wanting to use this method to get the delivery address and I am expecting to see it in the payment_intent.succeeded JSON > "shipping"

molten wing Jun 28, 2022, 11:45 AM

#

So if I understand correctly, your integration with Apple Pay is working, but you think some data is missing in the payment_intent.succeeded event?

full bough Jun 28, 2022, 11:45 AM

#

yes!

molten wing Jun 28, 2022, 11:45 AM

#

Can you share an event ID (evt_xxx)? And clarify what information exactly you are looking for?

full bough Jun 28, 2022, 11:46 AM

#

please see:
https://dashboard.stripe.com/test/payments/pi_3LFbdDK5LTv40UrO01Yde1ZF

#

https://dashboard.stripe.com/test/events/evt_3LFbdDK5LTv40UrO0Ye4vDzH

#

I am expecting to see:
"customer": "cus_LxWiSOCv4Z72Yl",

#

and also not:

#

"shipping": null,

#

but a populated "shipping" node

molten wing Jun 28, 2022, 11:47 AM

#

Thanks! Give me a few minutes to look into this.

full bough Jun 28, 2022, 11:48 AM

#

around 30 seconds later the charge.updated event is fired (we don't listen for this as payment flow is synchronous) - at this point there is a value for customer

#

https://dashboard.stripe.com/test/events/evt_3LFbdDK5LTv40UrO0I1sUPOj

#

but shipping is still "null"

sinful tangle Jun 28, 2022, 11:57 AM

#

you have to add it yourself

#

the PaymentRequestButton just gives you the shipping info in your own code(in the on('paymentmethod') callback)

full bough Jun 28, 2022, 11:58 AM

#

How do I add it myself?

sinful tangle Jun 28, 2022, 11:58 AM

#

you read it from the event https://stripe.com/docs/js/appendix/payment_response#payment_response_object-shippingAddress

#

and then you can use it to .e.g pass into confirmCardPayment

#

or just use the PaymentElement/Checkout which do this for you rather than the separate PaymentRequestButton

full bough Jun 28, 2022, 12:00 PM

#

see myt comment for:
I can see in the article here: https://stripe.com/docs/stripe-js/elements/payment-request-button?html-or-react=html#html-js-collecting-shipping-info
that I can retrieve selected shipping address data from ApplePay via this callback endpoint - however the notes also state "The address data on the shippingaddresschange event may be anonymized by the browser to not reveal sensitive information that is not necessary for shipping cost calculation." - ie the purpose of this is to check shipping cost is valid, not to actually get the shipping address - I am therefore not wanting to use this method to get the delivery address and I am expecting to see it in the payment_intent.succeeded JSON > "shipping"

#

this to me implies I cannot trust the data in:

https://stripe.com/docs/js/appendix/payment_response#payment_response_object-shippingAddress

sinful tangle Jun 28, 2022, 12:04 PM

#

you can trust it

#

it's truncated in the on(shippingaddresschange) event

#

it's complete in the on(paymentmethod) event

#

https://stripe.com/docs/js/payment_request/events/on_shipping_address_change#payment_request_on_shipping_address_change-handler-shippingAddress

The full shipping address appears in the PaymentResponse object after the purchase is confirmed in the browser’s payment interface

full bough Jun 28, 2022, 12:06 PM

#

ah, ok. We are using stripe.js for handling the ui.stripeInstance.confirmCardPayment event.
If this succeeds I think what you are saying is that the confirmResult object will also include a populated shipping address - is that right?!

sinful tangle Jun 28, 2022, 12:16 PM

#

no

#

I mean in

paymentRequest.on('paymentmethod', function(ev) {

, you can access ev.shippingAddress , that is the final shipping address the customer entered in the popup

#

you can then write custom code to read that value, parse it, and then pass it into https://stripe.com/docs/js/payment_intents/confirm_card_payment#stripe_confirm_card_payment-data-shipping when you call confirmCardPayment within the callback, so that the shipping information appears in Stripe, you have to do that manual "gluing together" for this to work

full bough Jun 28, 2022, 12:19 PM

#

right! I think I assumed that Stripe / Apple Pay would already deal with storing the Shipping details (as is already done for card details such as billing_details

#

Is there any way I can also retrieve the customerID ("cus_") or is this also something I need to push to Stripe?

sinful tangle Jun 28, 2022, 12:25 PM

#

not sure I follow exactly. The Customer object is something you create by calling the API before a payment(and then generally store the returned cus_xxx ID in your database). What's the context?

full bough Jun 28, 2022, 12:27 PM

#

again, I think down to a misunderstanding on my part in thinking the customer is automatically created in Stripe as opposed to needing to be created. In our current flow (for card elements) we are doing this (ie creating a new Stripe Customer and retriving it's cus_ id) after the payment has been captured

#

Thanks for your help - the main aim of this thread was to help me retrieve a shipping address entered or selected during an ApplePay checkout and I will go away and look at implementing the changes you have suggsted above

sinful tangle Jun 28, 2022, 12:33 PM

#

full bough again, I think down to a misunderstanding on my part in thinking the customer is...

the customer doesn't get automatically created unless you're using our hosted Checkout page for example

#Simon_WS-Checkout