Cart is null after submitOrder

[vimtor]

Something very odd is happening. After calling the swell.cart.submitOrder(), the order is submitted successfully but the method swell.cart.get() returns always null. This gets solved if I logout and login again.

I've tried adding new items to the cart, getting a new one, and even creating one and recovering it with the Backend API, but nothing seems to work. I am using the latest Swell SDK version and building a custom storefront using Next.js.

[vimtor]

Update: Now I cannot add any items no matter what. Sign in again didn't fix the issue this time.

Here are some screenshots of the request after adding an item:

[sags95]

@vimtor It's expected behaviour for swell.cart.get() to return null after submitting a cart, as there are no items in this newly created cart (details here).

However it is odd that you're getting a 200 but null response after adding items to the new cart. Are you perhaps seeing any CORS errors?

[vimtor]

Hi @sags95! Do you still need the Stackblitz? From your 👍 I did not understand if with the repository access is enough.
Maybe if you have a guide on how to implement a custom checkout using the swell-js I can figure out if I am doing something wrong.

[sags95]

Hey @vimtor, thanks for providing access to the repo, I was able to build it locally just fine.

I've spent some time debugging and I feel like SWR is likely doing some caching on the cart. What I might suggest is trying the implementation without SWR to test. Alternatively you can take a look at some of the hooks here for some insight on how SWR was implemented in NextJS Commerce.

[vimtor]

Hey @sags95, thanks for taking the time to check out the repository! I don't feel like the issue has to do with SWR since it's the API the one returning a null cart after trying to add an item. Also, SWR only caches things in JS memory so if it was the problem the issue will resolve after reloading the website. I think I'm going to create another store to see if it is a configuration issue. Again, if you have some guides you can share with me on how to build a custom checkout that would be amazing because right now I had to debug my way through implementation by seeing what methods were available and what errors appeared in the process.

[vimtor]

OKEY OKEY I got it working. The issue was that a currency was not selected. I saw this in the request headers:

I think a guide for custom implementations with all of these details will be highly appreciated because the platform is amazing but I had to debug my was to a complete checkout.

Thank you @sags95 @ericingram and sorry for all the headaches ❤️

[sags95]

@vimtor glad to hear you managed to figure this one out! Your feedback is greatly appreciated, the team is actively working on custom checkout guides so I'll be sure to share as soon as we get these published.

[vimtor]

I was missing the following line of code:

await swell.currency.select("eur");

Not selecting this caused the request to be corrupt: