Add availability-with-info type to the cl-availability-status component

[marcomontalbano]

What I did

The availability message for products without delivery lead times was broken as below:

We added the new type availability-with-info to the cl-availability-status component. This will render the inner content only when the product is available and there're availability information.

How to test

  <cl-availability code="5PANECAP000000FFFFFFXXXX">
    <cl-availability-status type="available" style="color: green;">available<br /></cl-availability-status>
-   <cl-availability-status type="available">
+   <cl-availability-status type="available-with-info">
      ready to be shipped in
      <cl-availability-info type="min-days"></cl-availability-info>
      -
      <cl-availability-info type="max-days"></cl-availability-info>
      days
    </cl-availability-status>
    <cl-availability-status type="unavailable" style="color: red;">out of stock</cl-availability-status>
  </cl-availability>

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	edbe4b0
🔍 Latest deploy log	https://app.netlify.com/sites/commercelayer-drop-in-js/deploys/66856a00d6805400082af746
😎 Deploy Preview	https://deploy-preview-72--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.