Merge pull request #14 from haubc/BIG-16042

BIG-16042 AddToCart JS for Stencil Utils

src/remote/cart.js

@@ -1,7 +1,30 @@
+import _ from 'lodash';
 import RemoteBC from './remote';
 
 export default class Cart extends RemoteBC
 {
+    /**
+     * Add item to cart with options (variants)
+     *
+     * @param {Number} productId
+     * @param {Number} qty
+     * @param {Object} options
+     * @param {Function} callback
+     */
+    itemAdd(productId, qty, options, callback) {
+        let payload = {
+            product_id: productId,
+            qty: qty
+        };
+
+        // add the attributes
+        _.forEach(options, (val, key) => {
+            payload[key] = val;
+        });
+
+        this.makeRequest('/cart/add', 'POST', payload, callback);
+    }
+
     /**
      * Update cart item quantity
      *

src/remote/product-attributes.js

@@ -16,32 +16,14 @@ export default class RemoteProductAttributes extends RemoteBC
 
     /**
      *
-     * @param jQuery $container
-     * @param productId
+     * @param {Object} options
+     * @param {Number} productId
      * @param callback
      */
-    optionChange($container, productId, callback)
+    optionChange(options, productId, callback)
     {
         let url = this.endPoint + productId,
-            // What does this query mean?
-            //
-            // :input:radio:checked
-            //      Get all radios that are checked (since they are grouped together by name).
-            //      If the query is just :input alone, it will return all radios (even the ones that aren't selected).
-            //
-            // :input:not(:radio)
-            //      This is to retrieve all text, hidden, dropdown fields that don't have "groups".
-            $optionValues = $container.find(':input:radio:checked, :input:not(:radio)'),
-            params = {};
-
-        // iterate over values
-        $optionValues.each((index, ele) => {
-            let $ele = $(ele),
-                name = $ele.attr('name'),
-                val = $ele.val();
-
-            params[name] = val;
-        });
+            params = options;
 
         this.makeRequest(url, 'POST', params, callback);
     }