Hello,
I’ve hit a brick road in developing a custom checkout with the following Storefront GraphQL mutation checkoutCompleteWithTokenizedPaymentV3.
My store is A Development Store with a Private App that uses the Storefront GRAPHQL API. Shopify Payments is enabled with Test Mode on
I have made sure that all required permissions/scopes are checked.
Mutation
mutation checkoutCompleteWithTokenizedPaymentV3($checkoutId: ID!, $payment: TokenizedPaymentInputV3!) {
checkoutCompleteWithTokenizedPaymentV3(checkoutId: $checkoutId, payment: $payment) {
checkout {
id
completedAt
}
checkoutUserErrors {
code
field
message
}
payment {
id
errorMessage
}
}
}
Variables
Please note that paymentData value is generated with Stripe Elements (https://stripe.com/docs/stripe-js)
I have tried passing in the “Test” variable, Which currently defaults to false however another error is returned “Test is not supported”
{
"checkoutId": "...",
"payment": {
"paymentAmount":{
"amount": "1",
"currencyCode": "NZD"
},
"idempotencyKey": "123",
"billingAddress": {
"firstName": "",
"lastName": "",
"address1": "",
"province": "",
"country": "",
"city": "",
"zip": ""
},
"type":"SHOPIFY_PAY",
"paymentData": "tok_....."
}
}
With the following result.
{
"data": {
"checkoutCompleteWithTokenizedPaymentV3": {
"checkout": {
"id": "...",
"completedAt": null
},
"checkoutUserErrors": [],
"payment": {
"id": "...",
"errorMessage": null
}
}
}
}
The following is shown in my “Abandoned Checkouts”
Could someone with more experience shed some light onto what is happening.
I have successfully checked out with the web URL. However, I would prefer not to redirect users outside my application.
Thanks.