Hello,
I am developing a mobile application (which is registered as a private app for my client's store) that uses the Storefront API. I have implemented most of the features that the client needs, however, I have some issues while using the checkoutCompleteWithTokenizedPaymentV3 mutation with the client's Stripe account.
For the moment, I use the following queries/mutations to build my checkout and associate customer information:
- Create checkout with products & quantities:
# "..." Denotes the items & qty selected by the user
mutation {
checkoutCreate(input:{lineItems:[...]}) {
checkout {
id
}
}
}
- Wait for response, get checkout ID & associate customer information:
# Query
mutation checkoutCustomerAssociateV2($checkoutId: ID!, $customerAccessToken: String!) {
checkoutCustomerAssociateV2(checkoutId: $checkoutId, customerAccessToken: $customerAccessToken) {
checkout {
id
}
}
}
# Variables JSON
{
"checkoutId": $ID,
"customerAccessToken": $CustomerAccessToken
}
- Wait for response, update checkout ID (if necessary) & update shipping address:
# Query
mutation checkoutShippingAddressUpdateV2($shippingAddress: MailingAddressInput!, $checkoutId: ID!) {
checkoutShippingAddressUpdateV2(shippingAddress: $shippingAddress, checkoutId: $checkoutId) {
checkout {
id
}
}
}
# Variables JSON
{
"checkoutId": $ID,
"shippingAddress": {
# Shipping address information from user
}
}
- Wait for response, update checkout ID (if necessary) and get available shipping rates from store:
query {
node(id: $ID) {
... on Checkout {
id
availableShippingRates {
ready
shippingRates {
handle
priceV2 {
amount
}
title
}
}
}
}
} - Select by default first option, and use checkoutShippingLineUpdate when user selects another option (shipping rates are displayed as a series of checkboxes in the UI). Get total order price, tax price, etc:
mutation checkoutShippingLineUpdate($checkoutId: ID!, $shippingRateHandle: String!) {
checkoutShippingLineUpdate(checkoutId: $checkoutId, shippingRateHandle: $shippingRateHandle) {
checkout {
id
totalTaxV2 {
amount
}
subtotalPriceV2 {
amount
}
totalPriceV2 {
amount
currencyCode
}
shippingLine {
handle
priceV2 {
amount
}
}
}
}
} - User agrees with displayed prices and clicks on the next button. Client sends payment information to Stripe and obtains a valid token, then we use the following query:
# Query
mutation checkoutCompleteWithTokenizedPaymentV3($checkoutId: ID!, $payment: TokenizedPaymentInputV3!) {
checkoutCompleteWithTokenizedPaymentV3(checkoutId: $checkoutId, payment: $payment) {
checkout {
id
}
payment {
id
errorMessage
transaction {
statusV2
kind
amountV2 {
amount
}
}
}
checkoutUserErrors {
message
code
}
}
}
# Variables
{
"checkoutId": $CheckoutID,
"payment": {
"billingAddress": {
# Billing address information
},
"idempotencyKey":"123",
"paymentAmount":{
"amount": $TotalAmount,
"currencyCode": $StoreCurrency
},
"paymentData": $StripeToken,
"type":"SHOPIFY_PAY"
}
}
The problem is that after sending the last query, the order is not created and the checkout is listed as an "abandoned checkout" in the Shopify Admin Console, no warnings/errors are shown in the order details. The Storefront API responds with the following information:
{
"checkoutCompleteWithTokenizedPaymentV3":{
"checkout":{
"id": $CheckoutID
},
"checkoutUserErrors":[
],
"payment":{
"errorMessage":null,
"id": $PaymentID,
"transaction":null
}
}
}
Unfortunately, this was the last step I needed in order to finish the project. But I cannot find enough information in the documentation to find a way to fix this issue. Any help would be greatly appreciated.
Greetings!
PS: I'm sorry if I am using the wrong terminology and/or do not follow "standard" Shopify developer practices. I am an embedded developer and work mostly with C/C++, I've just started developing with Shopify because of a project that I needed to accept (thanks to COVID-19 and its economical repercussions).
