Add qty rules client side validation to cart

[sofiamatulis]

PR Summary:

Ensuring the qty rules validation happens before the cart API is called (this way the error doesnt need to come back from the API)

Before:

After:

Why are these changes introduced?

Fixes #3399

What approach did you take?

I am pulling the same functions I use in QOL and Quick Add Bulk

Testing steps/scenarios

• Test a variant with qty rules (increment, max and min)
• Test a variant without qty rules
• Test the cart drawer and cart page

Demo links

• Editor

Checklist

• Added PR summary for release notes
• Requested review from UX (Only for changes that are affecting the experience or perceivable visual details)
• Created a ticket for the help.shopify.com documentation team about updates to theme settings. (Internal-only task)
• Followed theme code principles
• Linted with Theme Check
• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility

[sofiamatulis]

This is a similar function to what we have in BulkAdd in global.js. However, it doesnt make sense to extend that component yet since we dont have all the functionalities yet

When we do (this ticket https://github.com/orgs/Shopify/projects/6397/views/28?pane=issue&itemId=61489062) , let's do that

[dan-menard]

Makes sense to me. I think we can live with the duplication for now, especially since we have a chance to revisit it shortly.

[dan-menard]

Nice fix!

One thing I noticed, I'm not getting the browser-level validation for BxGy discounts. Is that expected? (not sure if we can/want to validate that one in advance)

[dan-menard]

Makes sense to me. I think we can live with the duplication for now, especially since we have a chance to revisit it shortly.

[sofiamatulis]

One thing I noticed, I'm not getting the browser-level validation for BxGy discounts. Is that expected? (not sure if we can/want to validate that one in advance)

@dan-menard The client side validation is for qty rules only. I dont see the i icon next to your variant in cart, so it doesnt look like the variant you picked has qty rules set up, which is why you dont see it. This is an inventory error