Add support to "bundles"

[marcomontalbano]

What I did

I added an attribute kind to the cl-add-to-cart, cl-price, and cl-availability components.

This new attribute indicates whether the code attribute refers to an sku or a bundle (default to sku).

Important

This feature is not fully implement on the cl-availability component. When kind is equal to bundle no information will be displayed and the component will be rendered as an empty box without any size.

cl-price

<cl-price kind="bundle" code="CLGETTINGSTARTED">
  <cl-price-amount type="compare-at"></cl-price-amount>
  <cl-price-amount type="price"></cl-price-amount>
</cl-price>

cl-add-to-cart

<cl-add-to-cart kind="bundle" code="CLGETTINGSTARTED" quantity="2">
  Add to cart
</cl-add-to-cart>

Checklist

• Make sure your changes are tested (stories and/or unit, integration, or end-to-end tests).
• Make sure to add/update documentation regarding your changes.
• You are NOT deprecating/removing a feature.

[netlify]

✅ Deploy Preview for commercelayer-drop-in-js ready!

Name	Link
🔨 Latest commit	ea39f9a
🔍 Latest deploy log	https://app.netlify.com/sites/commercelayer-drop-in-js/deploys/665883275c43e60008197baf
😎 Deploy Preview	https://deploy-preview-64--commercelayer-drop-in-js.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.