@plasmicpkgs/commerce 0.0.17 → 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,
@@ -1675,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() {
@@ -2024,8 +2031,13 @@ var productCollectionMeta = {
           };
         })) != 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: {
@@ -2120,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
     });
   }