add lazy create cart token

[gibkigonzo]

Short Description and Why It's Useful

This allows to create cart token when user add product to cart. There is edge case: when user load page, go to offline, add product, go to checkout => can't make order. That's because he hasn't got payment methods which are loaded after token creation. Also I've added refresh payment methods in checkout. Right now in demo if somehow user get to checkout without loaded payment-methods then he can't make order, even if he get back online

QA

A.

1. clear cache
2. add product to cart
3. go to checkout
4. make order
5. Expected: user made order

B.

1. clear cache
2. go offline
3. add product to cart
4. check cart - there should be product
5. go to checkout
6. you should not make order
7. turn online
8. now you can make order

Same can be checked with user logged in.

Which Environment This Relates To

Check your case. In case of any doubts please read about Release Cycle

• Test version (https://test.storefrontcloud.io) - this is a new feature or improvement for Vue Storefront. I've created branch from develop branch and want to merge it back to develop
• RC version (https://next.storefrontcloud.io) - this is a stabilisation fix for Release Candidate of Vue Storefront. I've created branch from release branch and want to merge it back to release
• Stable version (https://demo.storefrontcloud.io) - this is an important fix for current stable version. I've created branch from hotfix or master branch and want to merge it back to hotfix

Upgrade Notes and Changelog

• No upgrade steps required (100% backward compatibility and no breaking changes)
• I've updated the Upgrade notes and Changelog on how to port existing Vue Storefront sites with this new feature

IMPORTANT NOTICE - Remember to update CHANGELOG.md with description of your change

Contribution and Currently Important Rules Acceptance

• I read and followed contribution rules

[pkarw]

1. After user logs in we need to sync the shopping cart - you removed authorize from the user actions and I'm not sure if it's called when user authorizes him/her self?

2. I'd rename createCartToken to authorize as it does exactly the same way but I'd say kind of "lazy way" ... wdyt? I don't like createCartToken it should be one-word name like create (if we won't stay with authorize)

[gibkigonzo]

You are right. I revert authorize and add changed createCartToken to create

[ArturDivante]

After latest changes, I tested both scenarios with annonymous and logged-in customer. Behavior is consistent with your description (note:in scenario 2 for logged-in user, cart is created in the moment of logging in, even if customer have no products in it)

In the meantime, we discovered unrelated problem with cart sync in some specific cases. Will be reported separately in: #3995

[pkarw]

Two minor comments added. Please check twice if the cart/create requests aren’t multiplied

[andrzejewsky]

@gibkigonzo can you fix the tests?

[gibkigonzo]

@andrzejewsky done 👌

[gibkigonzo]

I've made one more update d3debc4
We don't need this config anymore as with this pr we don't create token after order.

[andrzejewsky]

@gibkigonzo and... again... changelog... 😄

[gibkigonzo]

@andrzejewsky done 😅