@plasmicpkgs/commerce 0.0.14 → 0.0.17

package/dist/commerce.cjs.development.js

@@ -1498,7 +1498,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 +1563,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 +1610,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 +1638,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 +1646,6 @@ function CategoryCollection(props) {
 
   var _useCategories2 = useCategories({
     categoryId: selectedCategory,
-    topologicalSort: !selectedCategory && (features == null ? void 0 : features.includeSubCategories),
     addIsEmptyField: !!inEditor
   }),
       categories = _useCategories2.data,
@@ -1793,7 +1788,26 @@ var categoryMediaMeta = {
   name: "plasmic-commerce-category-media",
   displayName: "Category Media",
   props: {
-    mediaIndex: "number"
+    mediaIndex: "number",
+    mediaSize: {
+      type: "choice",
+      options: [{
+        label: "Fill",
+        value: "fill"
+      }, {
+        label: "Container",
+        value: "contain"
+      }, {
+        label: "Cover",
+        value: "cover"
+      }, {
+        label: "None",
+        value: "none"
+      }, {
+        label: "Scale down",
+        value: "scale-down"
+      }]
+    }
   },
   importPath: "@plasmicpkgs/commerce",
   importName: "CategoryMedia"
@@ -1803,14 +1817,18 @@ function CategoryMedia(props) {
 
   var className = props.className,
       _props$mediaIndex = props.mediaIndex,
-      mediaIndex = _props$mediaIndex === void 0 ? 0 : _props$mediaIndex;
+      mediaIndex = _props$mediaIndex === void 0 ? 0 : _props$mediaIndex,
+      mediaSize = props.mediaSize;
   var category = useCategoryContext();
   var image = category != null && category.images ? category.images[mediaIndex] : undefined;
   return React__default.createElement("img", {
     alt: (category == null ? void 0 : category.name) || "Category Image",
     src: (_image$url = image == null ? void 0 : image.url) != null ? _image$url : "",
     loading: "lazy",
-    className: className
+    className: className,
+    style: {
+      objectFit: mediaSize
+    }
   });
 }
 function registerCategoryMedia(loader, customCategoryMediaMeta) {
@@ -1946,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",
@@ -1991,8 +2016,10 @@ 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 : [];
@@ -2198,7 +2225,26 @@ var productMediaMeta = {
   name: "plasmic-commerce-product-media",
   displayName: "Product Media",
   props: {
-    mediaIndex: "number"
+    mediaIndex: "number",
+    mediaSize: {
+      type: "choice",
+      options: [{
+        label: "Fill",
+        value: "fill"
+      }, {
+        label: "Container",
+        value: "contain"
+      }, {
+        label: "Cover",
+        value: "cover"
+      }, {
+        label: "None",
+        value: "none"
+      }, {
+        label: "Scale down",
+        value: "scale-down"
+      }]
+    }
   },
   importPath: "@plasmicpkgs/commerce",
   importName: "ProductMedia"
@@ -2208,7 +2254,8 @@ function ProductMedia(props) {
 
   var className = props.className,
       _props$mediaIndex = props.mediaIndex,
-      mediaIndex = _props$mediaIndex === void 0 ? 0 : _props$mediaIndex;
+      mediaIndex = _props$mediaIndex === void 0 ? 0 : _props$mediaIndex,
+      mediaSize = props.mediaSize;
   var product = useProduct();
   var sliderContext = useProductSliderContext();
   var image = product == null ? void 0 : product.images[sliderContext != null ? sliderContext : mediaIndex];
@@ -2216,7 +2263,10 @@ function ProductMedia(props) {
     alt: (product == null ? void 0 : product.name) || "Product Image",
     src: product ? (_image$url = image == null ? void 0 : image.url) != null ? _image$url : "" : placeholderImage,
     loading: "lazy",
-    className: className
+    className: className,
+    style: {
+      objectFit: mediaSize
+    }
   });
 }
 function registerProductMedia(loader, customProductMediaMeta) {
@@ -2536,7 +2586,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 = {
@@ -2567,6 +2617,7 @@ exports.CartType = cart;
 exports.CategoryCollection = CategoryCollection;
 exports.CategoryField = CategoryField;
 exports.CategoryLink = CategoryLink;
+exports.CategoryMedia = CategoryMedia;
 exports.CommerceError = CommerceError;
 exports.CoreCommerceProvider = CoreCommerceProvider;
 exports.FetcherError = FetcherError;
@@ -2577,6 +2628,7 @@ exports.ProductMedia = ProductMedia;
 exports.ProductPlaceholder = defaultProduct;
 exports.ProductPriceComponent = ProductPriceComponent;
 exports.ProductQuantity = ProductQuantity;
+exports.ProductSlider = ProductSlider;
 exports.ProductTextField = ProductTextField;
 exports.ProductTypes = product;
 exports.ProductVariantPicker = ProductVariantPicker;
@@ -2587,6 +2639,7 @@ exports.cartMeta = cartMeta;
 exports.categoryCollectionMeta = categoryCollectionMeta;
 exports.categoryFieldMeta = categoryFieldMeta;
 exports.categoryLinkMeta = categoryLinkMeta;
+exports.categoryMediaMeta = categoryMediaMeta;
 exports.fetcher = fetcher$4;
 exports.getCommerceProvider = getCommerceProvider;
 exports.productBoxMeta = productBoxMeta;
@@ -2595,6 +2648,7 @@ exports.productLinkMeta = productLinkMeta;
 exports.productMediaMeta = productMediaMeta;
 exports.productPriceMeta = productPriceMeta;
 exports.productQuantityMeta = productQuantityMeta;
+exports.productSliderMeta = productSliderMeta;
 exports.productTextFieldMeta = productTextFieldMeta;
 exports.productVariantPickerMeta = productVariantPickerMeta;
 exports.registerAddToCartButton = registerAddToCartButton;
@@ -2603,12 +2657,14 @@ exports.registerCart = registerCart;
 exports.registerCategoryCollection = registerCategoryCollection;
 exports.registerCategoryField = registerCategoryField;
 exports.registerCategoryLink = registerCategoryLink;
+exports.registerCategoryMedia = registerCategoryMedia;
 exports.registerProductBox = registerProductBox;
 exports.registerProductCollection = registerProductCollection;
 exports.registerProductLink = registerProductLink;
 exports.registerProductMedia = registerProductMedia;
 exports.registerProductPrice = registerProductPrice;
 exports.registerProductQuantity = registerProductQuantity;
+exports.registerProductSlider = registerProductSlider;
 exports.registerProductVariantPicker = registerProductVariantPicker;
 exports.registerTextField = registerTextField;
 exports.useAddItem = useAddItem;