@plasmicpkgs/commerce 0.0.2 → 0.0.3

package/dist/commerce.esm.js

@@ -1287,7 +1287,6 @@ var fn$1 = function fn(provider) {
 
 var useSearch = function useSearch(input) {
   var hook = useHook(fn$1);
-  console.log("dale", "commerce", input);
   return useSWRHook(_extends({
     fetcher: fetcher$1
   }, hook))(input);
@@ -1312,17 +1311,46 @@ var productCollectionMeta = {
           name: "plasmic-commerce-product-media"
         }],
         styles: {
-          width: "100%"
+          width: "100%",
+          minWidth: 0
         }
       }]
     },
     count: "number",
-    categoryId: "string",
-    brandId: "string"
+    category: {
+      type: "choice",
+      options: function options(props, ctx) {
+        var _ctx$categories$map;
+
+        return (_ctx$categories$map = ctx == null ? void 0 : ctx.categories.map(function (category) {
+          return {
+            label: category.name,
+            value: category.id
+          };
+        })) != null ? _ctx$categories$map : [];
+      }
+    },
+    brand: {
+      type: "choice",
+      options: function options(props, ctx) {
+        var _ctx$brands$map;
+
+        return (_ctx$brands$map = ctx == null ? void 0 : ctx.brands.map(function (brand) {
+          return {
+            label: brand.name,
+            value: brand.entityId
+          };
+        })) != null ? _ctx$brands$map : [];
+      }
+    }
   },
   defaultStyles: {
     display: "grid",
-    gridTemplateColumns: "1fr 1fr 1fr 1fr"
+    gridTemplateColumns: "1fr 1fr 1fr 1fr",
+    gridRowGap: "8px",
+    gridColumnGap: "8px",
+    padding: "8px",
+    maxWidth: "100%"
   },
   importPath: "commerce-providers/commerce",
   importName: "ProductCollection"
@@ -1332,16 +1360,30 @@ function ProductCollection(props) {
   var className = props.className,
       children = props.children,
       count = props.count,
-      categoryId = props.categoryId,
-      brandId = props.brandId;
+      category = props.category,
+      brand = props.brand,
+      setControlContextData = props.setControlContextData;
 
   var _useSearch = useSearch({
-    categoryId: categoryId,
-    brandId: brandId,
+    categoryId: category,
+    brandId: brand,
     count: count
   }),
       data = _useSearch.data;
 
+  var _useCategories = useCategories({}),
+      categories = _useCategories.data;
+
+  var _useBrands = useBrands({}),
+      brands = _useBrands.data;
+
+  if (categories && brands) {
+    setControlContextData == null ? void 0 : setControlContextData({
+      categories: categories,
+      brands: brands
+    });
+  }
+
   return React.createElement("div", {
     className: className
   }, data == null ? void 0 : data.products.map(function (product, i) {
@@ -1365,8 +1407,6 @@ var productMediaMeta = {
   name: "plasmic-commerce-product-media",
   displayName: "Product Media",
   props: {
-    children: "slot",
-    style: "object",
     mediaIndex: "number"
   },
   importPath: "commerce-providers/commerce",
@@ -1376,7 +1416,6 @@ function ProductMedia(props) {
   var _image$url;
 
   var className = props.className,
-      style = props.style,
       _props$mediaIndex = props.mediaIndex,
       mediaIndex = _props$mediaIndex === void 0 ? 0 : _props$mediaIndex;
   var product = useProduct();
@@ -1385,8 +1424,7 @@ 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,
-    style: style
+    className: className
   });
 }
 function registerProductMedia(loader, customProductMediaMeta) {
@@ -1483,6 +1521,11 @@ function ProductPrice(props) {
   var className = props.className;
   var product = useProduct();
   var form = useFormContext();
+
+  if (!product) {
+    throw new Error("This component must be within a product context.");
+  }
+
   var watchProductVariant = form.watch("ProductVariant", product == null ? void 0 : product.variants[0].id);
 
   var _usePrice = usePrice({
@@ -1771,33 +1814,63 @@ var product = {
   __proto__: null
 };
 
-var fetcher$3 = mutationFetcher;
+var fetcher$3 = SWRFetcher;
 
 var fn$3 = function fn(provider) {
+  var _provider$site;
+
+  return (_provider$site = provider.site) == null ? void 0 : _provider$site.useCategories;
+};
+
+var useCategories = function useCategories(input) {
+  var hook = useHook(fn$3);
+  return useSWRHook(_extends({
+    fetcher: fetcher$3
+  }, hook))(input);
+};
+
+var fetcher$4 = SWRFetcher;
+
+var fn$4 = function fn(provider) {
+  var _provider$site;
+
+  return (_provider$site = provider.site) == null ? void 0 : _provider$site.useBrands;
+};
+
+var useBrands = function useBrands(input) {
+  var hook = useHook(fn$4);
+  return useSWRHook(_extends({
+    fetcher: fetcher$4
+  }, hook))(input);
+};
+
+var fetcher$5 = mutationFetcher;
+
+var fn$5 = function fn(provider) {
   var _provider$cart;
 
   return (_provider$cart = provider.cart) == null ? void 0 : _provider$cart.useRemoveItem;
 };
 
 var useRemoveItem = function useRemoveItem(input) {
-  var hook = useHook(fn$3);
+  var hook = useHook(fn$5);
   return useMutationHook(_extends({
-    fetcher: fetcher$3
+    fetcher: fetcher$5
   }, hook))(input);
 };
 
-var fetcher$4 = mutationFetcher;
+var fetcher$6 = mutationFetcher;
 
-var fn$4 = function fn(provider) {
+var fn$6 = function fn(provider) {
   var _provider$cart;
 
   return (_provider$cart = provider.cart) == null ? void 0 : _provider$cart.useUpdateItem;
 };
 
 var useUpdateItem = function useUpdateItem(input) {
-  var hook = useHook(fn$4);
+  var hook = useHook(fn$6);
   return useMutationHook(_extends({
-    fetcher: fetcher$4
+    fetcher: fetcher$6
   }, hook))(input);
 };
 
@@ -1824,5 +1897,5 @@ function registerAll(loader) {
   registerProductVariantPicker(loader);
 }
 
-export { cart as CartType, CommerceError, CoreCommerceProvider, FetcherError, product as ProductTypes, site as SiteTypes, ValidationError, fetcher$1 as fetcher, getCommerceProvider, registerAll, useAddItem, useCart, useCommerce, useRemoveItem, useSearch, useUpdateItem, x };
+export { cart as CartType, CommerceError, CoreCommerceProvider, FetcherError, product as ProductTypes, site as SiteTypes, ValidationError, fetcher$1 as fetcher, getCommerceProvider, registerAll, useAddItem, useBrands, useCart, useCategories, useCommerce, useRemoveItem, useSearch, useUpdateItem, x };
 //# sourceMappingURL=commerce.esm.js.map