Handle bundled products

This changes netlify-commerce to look for .netlify-commerce-product instead of an ID
Allows multiple product metadata on the same page
Allows prices to define sub items of different types for VAT calculations
No longer clears the cart when creating an order

Author: biilmann

package.json

@@ -1,8 +1,9 @@
 {
   "name": "netlify-commerce-js",
-  "version": "1.3.1",
+  "version": "2.0.0",
   "description": "Netlify Commerce API client for JavaScript",
   "main": "lib/index.js",
+  "files": ["lib/", "README.md"],
   "scripts": {
     "compile": "babel --presets es2015 --plugins syntax-object-rest-spread,transform-object-rest-spread -d lib/ src/",
     "prepublish": "npm run compile",

src/index.js

@@ -26,6 +26,18 @@ function applyTax(price, quantity, percentage) {
 }
 
 function getTax(item, taxes, country) {
+  if (item.price.items) {
+    return item.price.items
+      .map((i) => getTax(
+        Object.assign({}, item, {type: i.type, vat: i.vat, price: {amount: i.amount, currency: item.price.currency}}),
+        taxes,
+        country
+      ))
+      .reduce((result, price) => {
+        const cents = result.cents + price.cents;
+        return {amount: centsToAmount(cents), cents, currency: price.currency}
+      }, {amount: "0.00", cents: 0, currency: item.price.currency});
+  }
   if (item.vat) {
     return applyTax(item.price, item.quantity, parseInt(item.vat, 10));
   }
@@ -73,8 +85,21 @@ export default class NetlifyCommerce {
         return response.text().then((html) => {
           const doc = document.implementation.createHTMLDocument("product");
           doc.documentElement.innerHTML = html;
-          const product = JSON.parse(doc.getElementById("netlify-commerce-product").innerHTML);
-          const {sku, title, prices, description, type, vat} = product;
+          const products = Array.from(doc.getElementsByClassName("netlify-commerce-product"))
+            .map((el) => JSON.parse(el.innerHTML));
+
+          if (products.length === 0) {
+            return Promise.reject("No .netlify-commerce-product found in product path");
+          }
+
+          const sku = products.length === 1 ? (item.sku || products[0].sku) : item.sku;
+
+          const product = products.find((prod) => prod.sku === sku);
+          if (!product) {
+            return Promise.reject(`No .netlify-commerce-product matching sku=${sku} found in product path`);
+          }
+
+          const {title, prices, description, type, vat} = product;
           if (sku && title && prices) {
             if (this.line_items[sku]) {
               this.line_items[sku].quantity += quantity;
@@ -86,7 +111,7 @@ export default class NetlifyCommerce {
               return this.getCart();
             });
           } else {
-            return Promise.reject("Failed to read sku, title and price from product path");
+            return Promise.reject("Failed to read sku, title and price from product path: %o", {sku, title, prices});
           }
         });
       });
@@ -182,7 +207,6 @@ export default class NetlifyCommerce {
         })
       })).then((order) => {
         const cart = this.getCart();
-        this.clearCart();
         return {cart, order};
       });
     } else {