@plasmicpkgs/commerce 0.0.15 → 0.0.18

package/dist/commerce.esm.js

@@ -963,8 +963,6 @@ var defaultProduct = {
 };
 
 var ProductContext = /*#__PURE__*/React.createContext(undefined);
-var CategoryContext = /*#__PURE__*/React.createContext(undefined);
-var SliderContext = /*#__PURE__*/React.createContext(undefined);
 function ProductProvider(_ref) {
   var product = _ref.product,
       children = _ref.children;
@@ -978,6 +976,9 @@ var useProduct = function useProduct() {
   var product = useContext(ProductContext);
   return product != null ? product : defaultProduct;
 };
+var CategoryContext = /*#__PURE__*/React.createContext(undefined);
+var PrimaryCategoryContext = /*#__PURE__*/React.createContext(undefined); //used to render correctly the defaultValueHint in ProductCollection
+
 function CategoryProvider(_ref2) {
   var category = _ref2.category,
       children = _ref2.children;
@@ -989,6 +990,10 @@ function CategoryProvider(_ref2) {
 var useCategoryContext = function useCategoryContext() {
   return useContext(CategoryContext);
 };
+var usePrimaryCategory = function usePrimaryCategory() {
+  return useContext(PrimaryCategoryContext);
+};
+var SliderContext = /*#__PURE__*/React.createContext(undefined);
 function ProductSliderProvider(_ref3) {
   var mediaIndex = _ref3.mediaIndex,
       onClick = _ref3.onClick,
@@ -1491,7 +1496,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",
@@ -1554,13 +1561,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",
@@ -1608,8 +1608,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 : [];
@@ -1634,7 +1636,6 @@ function CategoryCollection(props) {
       emptyMessage = props.emptyMessage,
       selectedCategory = props.category,
       setControlContextData = props.setControlContextData;
-  var features = useCommerceExtraFeatures();
   var inEditor = React.useContext(PlasmicCanvasContext);
 
   var _useCategories = useCategories(),
@@ -1643,7 +1644,6 @@ function CategoryCollection(props) {
 
   var _useCategories2 = useCategories({
     categoryId: selectedCategory,
-    topologicalSort: !selectedCategory && (features == null ? void 0 : features.includeSubCategories),
     addIsEmptyField: !!inEditor
   }),
       categories = _useCategories2.data,
@@ -1673,9 +1673,11 @@ function CategoryCollection(props) {
     return React.isValidElement(emptyMessage) ? emptyMessage : null;
   }
 
-  return noLayout ? React.createElement(React.Fragment, null, renderedData) : React.createElement("div", {
+  return React.createElement(PrimaryCategoryContext.Provider, {
+    value: firstCategoryNotEmpty != null ? firstCategoryNotEmpty : categories[0]
+  }, noLayout ? React.createElement(React.Fragment, null, renderedData) : React.createElement("div", {
     className: className
-  }, renderedData);
+  }, renderedData));
 }
 function registerCategoryCollection(loader, customCategoryCollectionMeta) {
   var doRegisterComponent = function doRegisterComponent() {
@@ -1962,6 +1964,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",
@@ -2007,14 +2016,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: {
@@ -2109,13 +2125,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
     });
   }
 
@@ -2575,7 +2592,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 = {