@plasmicpkgs/commerce-swell 0.0.7 → 0.0.10

package/dist/commerce-swell.cjs.development.js

@@ -1051,6 +1051,20 @@ function normalizeLineItem(_ref6) {
   return item;
 }
 
+function normalizeCategory(_ref7) {
+  var id = _ref7.id,
+      name = _ref7.name,
+      slug = _ref7.slug,
+      products = _ref7.products;
+  return {
+    id: id,
+    name: name,
+    slug: slug,
+    path: "/" + slug,
+    isEmpty: (products == null ? void 0 : products.length) === 0
+  };
+}
+
 var handleFetchResponse = /*#__PURE__*/function () {
   var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(res) {
     return runtime_1.wrap(function _callee$(_context) {
@@ -1531,50 +1545,220 @@ var handler$3 = {
   }
 };
 
+function ensure(x, msg) {
+  if (msg === void 0) {
+    msg = "";
+  }
+
+  if (x === null || x === undefined) {
+    debugger;
+    throw new Error("Value must not be undefined or null" + (msg ? "- " + msg : ""));
+  } else {
+    return x;
+  }
+}
+
+var walkCategoryTree = function walkCategoryTree(category, categories) {
+  if (!category || !categories) {
+    return [];
+  }
+
+  var queue = [category];
+  var result = [];
+
+  while (queue.length > 0) {
+    var _curr$children$result, _curr$children;
+
+    var curr = ensure(queue.shift());
+    result.push(curr);
+    queue.push.apply(queue, (_curr$children$result = (_curr$children = curr.children) == null ? void 0 : _curr$children.results.map(function (child) {
+      return ensure(categories.find(function (category) {
+        return category.id === child.id;
+      }));
+    })) != null ? _curr$children$result : []);
+  }
+
+  return result;
+};
+var topologicalSortForCategoryTree = function topologicalSortForCategoryTree(categories) {
+  return categories.filter(function (category) {
+    return !category.parent_id;
+  }).flatMap(function (category) {
+    return walkCategoryTree(category, categories);
+  });
+};
+
 var handler$4 = {
   fetchOptions: {
     query: 'products',
     method: 'list'
   },
   fetcher: function fetcher(_ref) {
-    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-      var input, fetch, sortMap, categoryId, brandId, search, _input$sort, sort, count, mappedSort, _yield$fetch, results, found, products;
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3() {
+      var input, options, fetch, sortMap, categoryId, includeSubCategories, categories, brandId, search, _input$sort, sort, count, mappedSort, products, _fetch, includedCategories;
 
-      return runtime_1.wrap(function _callee$(_context) {
+      return runtime_1.wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
-              input = _ref.input, fetch = _ref.fetch;
+              input = _ref.input, options = _ref.options, fetch = _ref.fetch;
               sortMap = new Map([['latest-desc', ''], ['price-asc', 'price_asc'], ['price-desc', 'price_desc'], ['trending-desc', 'popularity']]);
-              categoryId = input.categoryId, brandId = input.brandId, search = input.search, _input$sort = input.sort, sort = _input$sort === void 0 ? 'latest-desc' : _input$sort, count = input.count;
+              categoryId = input.categoryId, includeSubCategories = input.includeSubCategories, categories = input.categories, brandId = input.brandId, search = input.search, _input$sort = input.sort, sort = _input$sort === void 0 ? 'latest-desc' : _input$sort, count = input.count;
               mappedSort = sortMap.get(sort);
-              _context.next = 6;
-              return fetch({
-                query: 'products',
-                method: 'list',
-                variables: {
-                  category: categoryId,
-                  brand: brandId,
-                  search: search,
-                  sort: mappedSort,
-                  expand: ["variants"],
-                  limit: count
-                }
-              });
+              products = [];
+
+              _fetch = /*#__PURE__*/function () {
+                var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(categoryId) {
+                  var _yield$fetch, results;
+
+                  return runtime_1.wrap(function _callee$(_context) {
+                    while (1) {
+                      switch (_context.prev = _context.next) {
+                        case 0:
+                          _context.next = 2;
+                          return fetch({
+                            query: options.query,
+                            method: options.method,
+                            variables: {
+                              category: categoryId,
+                              brand: brandId,
+                              search: search,
+                              sort: mappedSort,
+                              expand: ["variants"],
+                              limit: count
+                            }
+                          });
+
+                        case 2:
+                          _yield$fetch = _context.sent;
+                          results = _yield$fetch.results;
+                          return _context.abrupt("return", results);
+
+                        case 5:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }
+                  }, _callee);
+                }));
 
-            case 6:
-              _yield$fetch = _context.sent;
-              results = _yield$fetch.results;
-              found = _yield$fetch.count;
-              products = results.map(function (product) {
-                return normalizeProduct(product);
+                return function _fetch(_x) {
+                  return _ref2.apply(this, arguments);
+                };
+              }();
+
+              if (includeSubCategories) {
+                _context3.next = 12;
+                break;
+              }
+
+              _context3.next = 9;
+              return _fetch(categoryId);
+
+            case 9:
+              products = _context3.sent;
+              _context3.next = 16;
+              break;
+
+            case 12:
+              includedCategories = walkCategoryTree(categories == null ? void 0 : categories.find(function (category) {
+                return category.id === categoryId;
+              }), categories);
+              _context3.next = 15;
+              return Promise.all(includedCategories.flatMap( /*#__PURE__*/function () {
+                var _ref3 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(category) {
+                  return runtime_1.wrap(function _callee2$(_context2) {
+                    while (1) {
+                      switch (_context2.prev = _context2.next) {
+                        case 0:
+                          return _context2.abrupt("return", _fetch(category.id));
+
+                        case 1:
+                        case "end":
+                          return _context2.stop();
+                      }
+                    }
+                  }, _callee2);
+                }));
+
+                return function (_x2) {
+                  return _ref3.apply(this, arguments);
+                };
+              }()));
+
+            case 15:
+              products = _context3.sent.flatMap(function (products) {
+                return products;
+              }).slice(0, count);
+
+            case 16:
+              return _context3.abrupt("return", {
+                products: products.map(function (product) {
+                  return normalizeProduct(product);
+                }),
+                found: products.length > 0
               });
-              return _context.abrupt("return", {
-                products: products,
-                found: found
+
+            case 17:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }))();
+  },
+  useHook: function useHook(_ref4) {
+    var useData = _ref4.useData;
+    return function (input) {
+      if (input === void 0) {
+        input = {};
+      }
+
+      return useData({
+        input: [['search', input.search], ['categoryId', input.categoryId], ['includeSubCategories', input.includeSubCategories], ['categories', input.categories], ['brandId', input.brandId], ['sort', input.sort], ['count', input.count]],
+        swrOptions: _extends({
+          revalidateOnFocus: false
+        }, input.swrOptions)
+      });
+    };
+  }
+};
+
+var handler$5 = {
+  fetchOptions: {
+    query: 'products',
+    method: 'get'
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+      var input, options, fetch, id, product;
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              input = _ref.input, options = _ref.options, fetch = _ref.fetch;
+              id = input.id;
+              _context.next = 4;
+              return fetch({
+                query: options.query,
+                method: options.method,
+                variables: [id]
               });
 
-            case 11:
+            case 4:
+              product = _context.sent;
+
+              if (product) {
+                _context.next = 7;
+                break;
+              }
+
+              return _context.abrupt("return", null);
+
+            case 7:
+              return _context.abrupt("return", normalizeProduct(product));
+
+            case 8:
             case "end":
               return _context.stop();
           }
@@ -1590,7 +1774,7 @@ var handler$4 = {
       }
 
       return useData({
-        input: [['search', input.search], ['categoryId', input.categoryId], ['brandId', input.brandId], ['sort', input.sort], ['count', input.count]],
+        input: [['id', input.id]],
         swrOptions: _extends({
           revalidateOnFocus: false
         }, input.swrOptions)
@@ -1599,53 +1783,102 @@ var handler$4 = {
   }
 };
 
-var handler$5 = {
+var handler$6 = {
   fetchOptions: {
     query: 'categories',
     method: 'get'
   },
   fetcher: function fetcher(_ref) {
-    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-      var _data$results$map;
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
+      var _data$results;
 
-      var fetch, data;
-      return runtime_1.wrap(function _callee$(_context) {
+      var input, options, fetch, topologicalSort, addIsEmptyField, categoryId, data, categories;
+      return runtime_1.wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
-              fetch = _ref.fetch;
-              _context.next = 3;
+              input = _ref.input, options = _ref.options, fetch = _ref.fetch;
+              topologicalSort = input.topologicalSort, addIsEmptyField = input.addIsEmptyField, categoryId = input.categoryId;
+              _context2.next = 4;
               return fetch({
-                query: 'categories',
-                method: 'get'
+                query: options.query,
+                method: options.method,
+                variables: {
+                  expand: [].concat(topologicalSort ? ["children", "parent_id"] : []),
+                  id: categoryId
+                }
               });
 
-            case 3:
-              data = _context.sent;
-              return _context.abrupt("return", (_data$results$map = data.results.map(function (_ref2) {
-                var id = _ref2.id,
-                    name = _ref2.name,
-                    slug = _ref2.slug;
-                return {
-                  id: id,
-                  name: name,
-                  slug: slug,
-                  path: "/" + slug
+            case 4:
+              data = _context2.sent;
+              categories = (_data$results = data == null ? void 0 : data.results) != null ? _data$results : [];
+
+              if (!addIsEmptyField) {
+                _context2.next = 10;
+                break;
+              }
+
+              _context2.next = 9;
+              return Promise.all(categories.map( /*#__PURE__*/function () {
+                var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(category) {
+                  return runtime_1.wrap(function _callee$(_context) {
+                    while (1) {
+                      switch (_context.prev = _context.next) {
+                        case 0:
+                          _context.t0 = _extends;
+                          _context.t1 = {};
+                          _context.t2 = category;
+                          _context.next = 5;
+                          return fetch({
+                            query: 'products',
+                            method: 'list',
+                            variables: {
+                              limit: 1,
+                              category: category.id
+                            }
+                          });
+
+                        case 5:
+                          _context.t3 = _context.sent.results;
+                          _context.t4 = {
+                            products: _context.t3
+                          };
+                          return _context.abrupt("return", (0, _context.t0)(_context.t1, _context.t2, _context.t4));
+
+                        case 8:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }
+                  }, _callee);
+                }));
+
+                return function (_x) {
+                  return _ref2.apply(this, arguments);
                 };
-              })) != null ? _data$results$map : []);
+              }()));
 
-            case 5:
+            case 9:
+              categories = _context2.sent;
+
+            case 10:
+              return _context2.abrupt("return", (topologicalSort ? topologicalSortForCategoryTree(categories) : categories).map(function (category) {
+                return normalizeCategory(category);
+              }));
+
+            case 11:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee);
+      }, _callee2);
     }))();
   },
   useHook: function useHook(_ref3) {
     var useData = _ref3.useData;
     return function (input) {
       var response = useData({
+        input: [["topologicalSort", input == null ? void 0 : input.topologicalSort], ["addIsEmptyField", input == null ? void 0 : input.addIsEmptyField], ["categoryId", input == null ? void 0 : input.categoryId]],
         swrOptions: _extends({
           revalidateOnFocus: false
         }, input == null ? void 0 : input.swrOptions)
@@ -1666,7 +1899,7 @@ var handler$5 = {
   }
 };
 
-var handler$6 = {
+var handler$7 = {
   fetchOptions: {
     query: 'attributes',
     method: 'get'
@@ -1862,11 +2095,15 @@ var getSwellProvider = function getSwellProvider(storeId, publicKey) {
       useRemoveItem: handler$2
     },
     products: {
-      useSearch: handler$4
+      useSearch: handler$4,
+      useProduct: handler$5
     },
     site: {
-      useCategories: handler$5,
-      useBrands: handler$6
+      useCategories: handler$6,
+      useBrands: handler$7
+    },
+    extraFeatures: {
+      includeSubCategories: true
     }
   };
 };