@plasmicpkgs/commerce 0.0.14 → 0.0.15

package/dist/commerce.cjs.development.js

@@ -1793,7 +1793,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 +1822,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) {
@@ -2198,7 +2221,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 +2250,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 +2259,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) {
@@ -2567,6 +2613,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 +2624,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 +2635,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 +2644,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 +2653,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;