Customer email is not prefilled in checkout sheet

[yuhueilee]

What area is the issue related to?

Checkout Sheet Kit

What platform does the issue affect?

All platforms

What version of @shopify/checkout-sheet-kit are you using?

3.2.0

Do you have reproducible example code?

{
    "@shopify/checkout-sheet-kit": "^3.2.0",
    "@shopify/storefront-api-client": "^1.0.3",
    "react": "18.2.0",
    "react-native": "0.74.0",
}

Steps to Reproduce

1. Customer logged in
2. Customer adds items to cart
3. When the customer presses the "Checkout" button, a cart is created via the cartCreate mutation, then authentication is performed successfully
4. Present the customer with the checkout sheet using the checkoutUrl

Expected Behavior

Email is prefilled, and multi-selection is available in the address section

Actual Behavior

Email is not prefilled, and no multi-selection is available in the address section

Note:
Initially, we use react-native-webview to present the checkoutUrl, which does prefill the customer's email and display multi-selection for the address section.

Storefront domain

citiesocial.myshopify.com

Screenshots/Videos/Log output

checkout.sheet.failed.mov

webview.mov

[kieran-osgood-shopify]

@yuhueilee Thanks for the report.
Just to confirm - have you applied this guide to setup your cartCreate mutation with authentication? Authenticate checkouts with the Customer Account API

Would you be able to attach a request/response log where appropriate (remove tokens etc.) for cart create?
I want to check how you are authenticating the user/passing the email in, are you calling cartBuyerIdentityUpdate, passing identity within cartCreate, or are you passing a customerAccessToken in?

[yuhueilee]

Hi @kieran-osgood-shopify, thanks for the quick reply!

Currently, our process is as follows:

cartCreate (without customerAccessToken) -> 
cartAdd ->
cartBuyerIdentityUpdate (with customerAccessToken) ->
open the checkoutUrl in checkout sheet

After changing to the following:

cartCreate (with customerAccessToken) -> 
cartAdd ->
cartBuyerIdentityUpdate (with customerAccessToken) ->
open the checkoutUrl in checkout sheet

... the user's information (including email and addresses) is displayed correctly!

The process to retrieve the customerAccessToken is as follows:

and we're using the legacy version of the customer account:

... which is different from using the Customer Account API to retrieve the customerAccessToken, I would like to know whether our approach is reasonable. Thank you!

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs in 30 days. Thank you for your contributions.

[kiftio]

That looks like a reasonable approach, but we'd recommend using Customer accounts rather than Legacy where possible.