@plasmicpkgs/commerce 0.0.14 → 0.0.17

package/dist/commerce.esm.js

@@ -1491,7 +1491,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 +1556,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 +1603,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 +1631,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 +1639,6 @@ function CategoryCollection(props) {
 
   var _useCategories2 = useCategories({
     categoryId: selectedCategory,
-    topologicalSort: !selectedCategory && (features == null ? void 0 : features.includeSubCategories),
     addIsEmptyField: !!inEditor
   }),
       categories = _useCategories2.data,
@@ -1786,7 +1781,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"
@@ -1796,14 +1810,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.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) {
@@ -1939,6 +1957,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",
@@ -1984,8 +2009,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 : [];
@@ -2191,7 +2218,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"
@@ -2201,7 +2247,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];
@@ -2209,7 +2256,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) {
@@ -2529,7 +2579,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 = {
@@ -2554,5 +2604,5 @@ function registerAll(loader) {
   registerCategoryMedia(loader);
 }
 
-export { AddToCartButton, CartComponent, cart as CartType, CategoryCollection, CategoryField, CategoryLink, CommerceError, CoreCommerceProvider, FetcherError, ProductBox, ProductCollection, ProductLink, ProductMedia, defaultProduct as ProductPlaceholder, ProductPriceComponent, ProductQuantity, ProductTextField, product as ProductTypes, ProductVariantPicker, site as SiteTypes, ValidationError, addToCartButtonMeta, cartMeta, categoryCollectionMeta, categoryFieldMeta, categoryLinkMeta, fetcher$4 as fetcher, getCommerceProvider, productBoxMeta, productCollectionMeta, productLinkMeta, productMediaMeta, productPriceMeta, productQuantityMeta, productTextFieldMeta, productVariantPickerMeta, registerAddToCartButton, registerAll, registerCart, registerCategoryCollection, registerCategoryField, registerCategoryLink, registerProductBox, registerProductCollection, registerProductLink, registerProductMedia, registerProductPrice, registerProductQuantity, registerProductVariantPicker, registerTextField, useAddItem, useBrands, useCart, useCategories, useCommerce, useProduct$1 as useProduct, useRemoveItem, useSearch, useUpdateItem };
+export { AddToCartButton, CartComponent, cart as CartType, CategoryCollection, CategoryField, CategoryLink, CategoryMedia, CommerceError, CoreCommerceProvider, FetcherError, ProductBox, ProductCollection, ProductLink, ProductMedia, defaultProduct as ProductPlaceholder, ProductPriceComponent, ProductQuantity, ProductSlider, ProductTextField, product as ProductTypes, ProductVariantPicker, site as SiteTypes, ValidationError, addToCartButtonMeta, cartMeta, categoryCollectionMeta, categoryFieldMeta, categoryLinkMeta, categoryMediaMeta, fetcher$4 as fetcher, getCommerceProvider, productBoxMeta, productCollectionMeta, productLinkMeta, productMediaMeta, productPriceMeta, productQuantityMeta, productSliderMeta, productTextFieldMeta, productVariantPickerMeta, registerAddToCartButton, registerAll, registerCart, registerCategoryCollection, registerCategoryField, registerCategoryLink, registerCategoryMedia, registerProductBox, registerProductCollection, registerProductLink, registerProductMedia, registerProductPrice, registerProductQuantity, registerProductSlider, registerProductVariantPicker, registerTextField, useAddItem, useBrands, useCart, useCategories, useCommerce, useProduct$1 as useProduct, useRemoveItem, useSearch, useUpdateItem };
 //# sourceMappingURL=commerce.esm.js.map