@plasmicpkgs/commerce 0.0.15 → 0.0.18

package/dist/commerce.cjs.development.js

@@ -970,8 +970,6 @@ var defaultProduct = {
 };
 
 var ProductContext = /*#__PURE__*/React__default.createContext(undefined);
-var CategoryContext = /*#__PURE__*/React__default.createContext(undefined);
-var SliderContext = /*#__PURE__*/React__default.createContext(undefined);
 function ProductProvider(_ref) {
   var product = _ref.product,
       children = _ref.children;
@@ -985,6 +983,9 @@ var useProduct = function useProduct() {
   var product = React.useContext(ProductContext);
   return product != null ? product : defaultProduct;
 };
+var CategoryContext = /*#__PURE__*/React__default.createContext(undefined);
+var PrimaryCategoryContext = /*#__PURE__*/React__default.createContext(undefined); //used to render correctly the defaultValueHint in ProductCollection
+
 function CategoryProvider(_ref2) {
   var category = _ref2.category,
       children = _ref2.children;
@@ -996,6 +997,10 @@ function CategoryProvider(_ref2) {
 var useCategoryContext = function useCategoryContext() {
   return React.useContext(CategoryContext);
 };
+var usePrimaryCategory = function usePrimaryCategory() {
+  return React.useContext(PrimaryCategoryContext);
+};
+var SliderContext = /*#__PURE__*/React__default.createContext(undefined);
 function ProductSliderProvider(_ref3) {
   var mediaIndex = _ref3.mediaIndex,
       onClick = _ref3.onClick,
@@ -1498,7 +1503,9 @@ var cartMeta = {
       options: ["Size", "Total Price"]
     },
     hideIfIsEmpty: {
-      type: "boolean"
+      type: "boolean",
+      defaultValue: false,
+      description: "You can hide this component if the cart is empty"
     }
   },
   importPath: "@plasmicpkgs/commerce",
@@ -1561,13 +1568,6 @@ var useCategories = function useCategories(input) {
   }, hook))(input);
 };
 
-var useCommerceExtraFeatures = function useCommerceExtraFeatures() {
-  var _useCommerce = useCommerce(),
-      providerRef = _useCommerce.providerRef;
-
-  return providerRef.current.extraFeatures;
-};
-
 var categoryCollectionMeta = {
   name: "plasmic-commerce-category-collection",
   displayName: "Category Collection",
@@ -1615,8 +1615,10 @@ var categoryCollectionMeta = {
         var _ctx$categories$map;
 
         return (_ctx$categories$map = ctx == null ? void 0 : ctx.categories.map(function (category) {
+          var _category$depth;
+
           return {
-            label: category.name,
+            label: "" + "  ".repeat((_category$depth = category.depth) != null ? _category$depth : 0) + category.name,
             value: category.id
           };
         })) != null ? _ctx$categories$map : [];
@@ -1641,7 +1643,6 @@ function CategoryCollection(props) {
       emptyMessage = props.emptyMessage,
       selectedCategory = props.category,
       setControlContextData = props.setControlContextData;
-  var features = useCommerceExtraFeatures();
   var inEditor = React__default.useContext(host.PlasmicCanvasContext);
 
   var _useCategories = useCategories(),
@@ -1650,7 +1651,6 @@ function CategoryCollection(props) {
 
   var _useCategories2 = useCategories({
     categoryId: selectedCategory,
-    topologicalSort: !selectedCategory && (features == null ? void 0 : features.includeSubCategories),
     addIsEmptyField: !!inEditor
   }),
       categories = _useCategories2.data,
@@ -1680,9 +1680,11 @@ function CategoryCollection(props) {
     return React__default.isValidElement(emptyMessage) ? emptyMessage : null;
   }
 
-  return noLayout ? React__default.createElement(React__default.Fragment, null, renderedData) : React__default.createElement("div", {
+  return React__default.createElement(PrimaryCategoryContext.Provider, {
+    value: firstCategoryNotEmpty != null ? firstCategoryNotEmpty : categories[0]
+  }, noLayout ? React__default.createElement(React__default.Fragment, null, renderedData) : React__default.createElement("div", {
     className: className
-  }, renderedData);
+  }, renderedData));
 }
 function registerCategoryCollection(loader, customCategoryCollectionMeta) {
   var doRegisterComponent = function doRegisterComponent() {
@@ -1969,6 +1971,13 @@ var useBrands = function useBrands(input) {
   }, hook))(input);
 };
 
+var useCommerceExtraFeatures = function useCommerceExtraFeatures() {
+  var _useCommerce = useCommerce(),
+      providerRef = _useCommerce.providerRef;
+
+  return providerRef.current.extraFeatures;
+};
+
 var productCollectionMeta = {
   name: "plasmic-commerce-product-collection",
   displayName: "Product Collection",
@@ -2014,14 +2023,21 @@ var productCollectionMeta = {
         var _ctx$categories$map;
 
         return (_ctx$categories$map = ctx == null ? void 0 : ctx.categories.map(function (category) {
+          var _category$depth;
+
           return {
-            label: category.name,
+            label: "" + "  ".repeat((_category$depth = category.depth) != null ? _category$depth : 0) + category.name,
             value: category.id
           };
         })) != null ? _ctx$categories$map : [];
       },
-      hidden: function hidden(props, ctx) {
-        return !!(ctx != null && ctx.hasCategoryCtx);
+      defaultValueHint: function defaultValueHint(props, ctx) {
+        var _ctx$categoryCtx;
+
+        return ctx == null ? void 0 : (_ctx$categoryCtx = ctx.categoryCtx) == null ? void 0 : _ctx$categoryCtx.name;
+      },
+      readOnly: function readOnly(props, ctx) {
+        return !!(ctx != null && ctx.categoryCtx);
       }
     },
     includeSubCategories: {
@@ -2116,13 +2132,14 @@ function ProductCollection(props) {
       isSearchLoading = _useSearch.isLoading;
 
   var features = useCommerceExtraFeatures();
+  var primaryCategory = usePrimaryCategory();
 
   if (categories && brands) {
     setControlContextData == null ? void 0 : setControlContextData({
       categories: categories,
       brands: brands,
       features: features,
-      hasCategoryCtx: !!categoryCtx
+      categoryCtx: primaryCategory
     });
   }
 
@@ -2582,7 +2599,7 @@ var product = {
 
 /*
   Forked from https://github.com/vercel/commerce/tree/main/packages/commerce/src
-  Changes: Added CategoryImage
+  Changes: Added CategoryImage and depth/children/parent_id to Category
 */
 
 var site = {