@plasmicpkgs/commerce 0.0.6 → 0.0.7

package/dist/commerce.esm.js

@@ -165,6 +165,44 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
+  }
+
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
 function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
 }
@@ -1176,10 +1214,9 @@ var addToCartButtonMeta = {
       }]
     }
   },
-  importPath: "commerce-providers/commerce",
+  importPath: "@plasmicpkgs/commerce",
   importName: "AddToCartButton"
 };
-
 function AddToCartButton(props) {
   var children = props.children;
   var product = useProduct();
@@ -1243,7 +1280,6 @@ function AddToCartButton(props) {
     }
   }) : null;
 }
-
 function registerAddToCartButton(loader, customAddToCartButtonMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1257,16 +1293,141 @@ var fetcher$1 = SWRFetcher;
 var fn$1 = function fn(provider) {
   var _provider$products;
 
-  return (_provider$products = provider.products) == null ? void 0 : _provider$products.useSearch;
+  return (_provider$products = provider.products) == null ? void 0 : _provider$products.useProduct;
 };
 
-var useSearch = function useSearch(input) {
+var useProduct$1 = function useProduct(input) {
   var hook = useHook(fn$1);
   return useSWRHook(_extends({
     fetcher: fetcher$1
   }, hook))(input);
 };
 
+var productBoxMeta = {
+  name: "plasmic-commerce-product-box",
+  displayName: "Product Box",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "vbox",
+        children: [{
+          type: "component",
+          name: "plasmic-commerce-product-text-field",
+          props: {
+            field: "name"
+          }
+        }, {
+          type: "component",
+          name: "plasmic-commerce-product-media"
+        }],
+        styles: {
+          width: "100%",
+          minWidth: 0
+        }
+      }]
+    },
+    noLayout: "boolean",
+    id: {
+      type: "string",
+      description: "Fetch a product by its slug or ID"
+    }
+  },
+  importPath: "@plasmicpkgs/commerce",
+  importName: "ProductBox"
+};
+function ProductBox(props) {
+  var className = props.className,
+      children = props.children,
+      noLayout = props.noLayout,
+      id = props.id;
+
+  var _useProduct = useProduct$1({
+    id: id
+  }),
+      data = _useProduct.data,
+      error = _useProduct.error,
+      isLoading = _useProduct.isLoading;
+
+  if (!id) {
+    return React.createElement("span", null, "You must set the id prop");
+  }
+
+  if (error) {
+    throw new CommerceError({
+      message: error.message,
+      code: error.code
+    });
+  }
+
+  if (isLoading) {
+    return React.createElement("span", null, "Loading...");
+  }
+
+  if (!data) {
+    throw new Error("Product not found!");
+  }
+
+  var renderedData = React.createElement(ProductProvider, {
+    product: data
+  }, children);
+  return noLayout ? React.createElement(React.Fragment, null, renderedData) : React.createElement("div", {
+    className: className
+  }, renderedData);
+}
+function registerProductBox(loader, customProductBoxMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(ProductBox, customProductBoxMeta != null ? customProductBoxMeta : productBoxMeta);
+}
+
+var fetcher$2 = SWRFetcher;
+
+var fn$2 = function fn(provider) {
+  var _provider$products;
+
+  return (_provider$products = provider.products) == null ? void 0 : _provider$products.useSearch;
+};
+
+var useSearch = function useSearch(input) {
+  var hook = useHook(fn$2);
+  return useSWRHook(_extends({
+    fetcher: fetcher$2
+  }, hook))(input);
+};
+
+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 productCollectionMeta = {
   name: "plasmic-commerce-product-collection",
   displayName: "Product Collection",
@@ -1328,10 +1489,9 @@ var productCollectionMeta = {
     padding: "8px",
     maxWidth: "100%"
   },
-  importPath: "commerce-providers/commerce",
+  importPath: "@plasmicpkgs/commerce",
   importName: "ProductCollection"
 };
-
 function ProductCollection(props) {
   var className = props.className,
       children = props.children,
@@ -1348,10 +1508,10 @@ function ProductCollection(props) {
   }),
       data = _useSearch.data;
 
-  var _useCategories = useCategories({}),
+  var _useCategories = useCategories(),
       categories = _useCategories.data;
 
-  var _useBrands = useBrands({}),
+  var _useBrands = useBrands(),
       brands = _useBrands.data;
 
   if (categories && brands) {
@@ -1371,7 +1531,6 @@ function ProductCollection(props) {
     className: className
   }, renderedData);
 }
-
 function registerProductCollection(loader, customProductCollectionMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
@@ -1380,6 +1539,69 @@ function registerProductCollection(loader, customProductCollectionMeta) {
   doRegisterComponent(ProductCollection, customProductCollectionMeta != null ? customProductCollectionMeta : productCollectionMeta);
 }
 
+var productLinkMeta = {
+  name: "plasmic-commerce-product-link",
+  displayName: "Product Link",
+  props: {
+    children: "slot",
+    linkDest: {
+      type: "string",
+      defaultValueHint: "products/{slug}",
+      description: "Set the link destination. You can use {slug} to replace by the product slug"
+    }
+  },
+  importPath: "@plasmicpkgs/commerce",
+  importName: "ProductLink"
+};
+function ProductLink(props) {
+  var className = props.className,
+      children = props.children,
+      linkDest = props.linkDest;
+  var product = useProduct();
+
+  var resolveLink = function resolveLink(linkDest) {
+    var _linkDest$match;
+
+    if (!product || !linkDest) {
+      return undefined;
+    }
+
+    var regex = /{[^}]*}/;
+    var regexAll = new RegExp(regex, "g");
+    var matches = (_linkDest$match = linkDest.match(regexAll)) != null ? _linkDest$match : [];
+    var resolvedLink = linkDest;
+
+    for (var _iterator = _createForOfIteratorHelperLoose(matches), _step; !(_step = _iterator()).done;) {
+      var match = _step.value;
+      var field = match.slice(1, -1);
+
+      if (!(field in product)) {
+        return undefined;
+      }
+
+      resolvedLink = resolvedLink.replace(regex, product[field]);
+    }
+
+    return resolvedLink;
+  };
+
+  return React.createElement("a", {
+    className: className,
+    href: resolveLink(linkDest),
+    style: {
+      color: "inherit",
+      textDecoration: "inherit"
+    }
+  }, children);
+}
+function registerProductLink(loader, customProductLinkMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(ProductLink, customProductLinkMeta != null ? customProductLinkMeta : productLinkMeta);
+}
+
 var placeholderImage = "https://static1.plasmic.app/commerce/lightweight-jacket-0.png";
 var productMediaMeta = {
   name: "plasmic-commerce-product-media",
@@ -1387,7 +1609,7 @@ var productMediaMeta = {
   props: {
     mediaIndex: "number"
   },
-  importPath: "commerce-providers/commerce",
+  importPath: "@plasmicpkgs/commerce",
   importName: "ProductMedia"
 };
 function ProductMedia(props) {
@@ -1492,10 +1714,10 @@ var productPriceMeta = {
   name: "plasmic-commerce-product-price",
   displayName: "Product Price",
   props: {},
-  importPath: "commerce-providers/commerce",
+  importPath: "@plasmicpkgs/commerce",
   importName: "ProductPrice"
 };
-function ProductPrice(props) {
+function ProductPriceComponent(props) {
   var className = props.className;
   var product = useProduct();
   var form = useFormContext();
@@ -1521,7 +1743,7 @@ function registerProductPrice(loader, customProductPriceMeta) {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
 
-  doRegisterComponent(ProductPrice, customProductPriceMeta != null ? customProductPriceMeta : productPriceMeta);
+  doRegisterComponent(ProductPriceComponent, customProductPriceMeta != null ? customProductPriceMeta : productPriceMeta);
 }
 
 var productQuantityMeta = {
@@ -1538,7 +1760,7 @@ var productQuantityMeta = {
       }]
     }
   },
-  importPath: "commerce-providers/commerce",
+  importPath: "@plasmicpkgs/commerce",
   importName: "ProductQuantity"
 };
 function ProductQuantity(props) {
@@ -1576,7 +1798,7 @@ var productTextFieldMeta = {
       options: ["id", "name", "description", "sku", "slug", "path"]
     }
   },
-  importPath: "commerce-providers/commerce",
+  importPath: "@plasmicpkgs/commerce",
   importName: "ProductTextField"
 };
 function ProductTextField(props) {
@@ -1627,7 +1849,7 @@ var productVariantPickerMeta = {
   name: "plasmic-commerce-product-variant-picker",
   displayName: "Product Variant Picker",
   props: {},
-  importPath: "commerce-providers/commerce",
+  importPath: "@plasmicpkgs/commerce",
   importName: "ProductVariantPicker"
 };
 function ProductVariantPicker(props) {
@@ -1660,7 +1882,7 @@ function registerProductVariantPicker(loader, customProductVariantPickerMeta) {
   doRegisterComponent(ProductVariantPicker, customProductVariantPickerMeta != null ? customProductVariantPickerMeta : productVariantPickerMeta);
 }
 
-var fetcher$2 = /*#__PURE__*/function () {
+var fetcher$5 = /*#__PURE__*/function () {
   var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(_ref) {
     var options, cartId, fetch;
     return runtime_1.wrap(function _callee$(_context) {
@@ -1701,7 +1923,7 @@ var fetcher$2 = /*#__PURE__*/function () {
   };
 }();
 
-var fn$2 = function fn(provider) {
+var fn$5 = function fn(provider) {
   var _provider$cart;
 
   return (_provider$cart = provider.cart) == null ? void 0 : _provider$cart.useCart;
@@ -1710,12 +1932,12 @@ var fn$2 = function fn(provider) {
 var useCart = function useCart(input) {
   var _hook$fetcher;
 
-  var hook = useHook(fn$2);
+  var hook = useHook(fn$5);
 
   var _useCommerce = useCommerce(),
       cartCookie = _useCommerce.cartCookie;
 
-  var fetcherFn = (_hook$fetcher = hook.fetcher) != null ? _hook$fetcher : fetcher$2;
+  var fetcherFn = (_hook$fetcher = hook.fetcher) != null ? _hook$fetcher : fetcher$5;
 
   var wrapper = function wrapper(context) {
     context.input.cartId = Cookies.get(cartCookie);
@@ -1727,20 +1949,19 @@ var useCart = function useCart(input) {
   }))(input);
 };
 
-var useCartMeta = {
-  name: "plasmic-commerce-use-cart",
-  displayName: "Use Cart",
+var cartMeta = {
+  name: "plasmic-commerce-cart",
+  displayName: "Cart",
   props: {
     field: {
       type: "choice",
       options: ["Size", "Total Price"]
     }
   },
-  importPath: "commerce-providers/commerce",
-  importName: "UseCart"
+  importPath: "@plasmicpkgs/commerce",
+  importName: "Cart"
 };
-
-function UseCartComponent(props) {
+function CartComponent(props) {
   var _data$totalPrice, _data$currency$code;
 
   var className = props.className,
@@ -1773,13 +1994,12 @@ function UseCartComponent(props) {
     className: className
   }, value);
 }
-
-function registerUseCart(loader, customUseCartMeta) {
+function registerCart(loader, customCartMeta) {
   var doRegisterComponent = function doRegisterComponent() {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
 
-  doRegisterComponent(UseCartComponent, customUseCartMeta != null ? customUseCartMeta : useCartMeta);
+  doRegisterComponent(CartComponent, customCartMeta != null ? customCartMeta : cartMeta);
 }
 
 var x = function x() {
@@ -1792,63 +2012,33 @@ var product = {
   __proto__: null
 };
 
-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 fetcher$6 = mutationFetcher;
 
-var fn$5 = function fn(provider) {
+var fn$6 = 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$5);
+  var hook = useHook(fn$6);
   return useMutationHook(_extends({
-    fetcher: fetcher$5
+    fetcher: fetcher$6
   }, hook))(input);
 };
 
-var fetcher$6 = mutationFetcher;
+var fetcher$7 = mutationFetcher;
 
-var fn$6 = function fn(provider) {
+var fn$7 = 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$6);
+  var hook = useHook(fn$7);
   return useMutationHook(_extends({
-    fetcher: fetcher$6
+    fetcher: fetcher$7
   }, hook))(input);
 };
 
@@ -1869,11 +2059,13 @@ function registerAll(loader) {
   registerTextField(loader);
   registerProductPrice(loader);
   registerProductMedia(loader);
-  registerUseCart(loader);
+  registerCart(loader);
   registerAddToCartButton(loader);
   registerProductQuantity(loader);
   registerProductVariantPicker(loader);
+  registerProductBox(loader);
+  registerProductLink(loader);
 }
 
-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 };
+export { AddToCartButton, CartComponent, cart as CartType, CommerceError, CoreCommerceProvider, FetcherError, ProductBox, ProductCollection, ProductLink, ProductMedia, ProductPriceComponent, ProductQuantity, ProductTextField, product as ProductTypes, ProductVariantPicker, site as SiteTypes, ValidationError, addToCartButtonMeta, cartMeta, fetcher$2 as fetcher, getCommerceProvider, productBoxMeta, productCollectionMeta, productLinkMeta, productMediaMeta, productPriceMeta, productQuantityMeta, productTextFieldMeta, productVariantPickerMeta, registerAddToCartButton, registerAll, registerCart, registerProductBox, registerProductCollection, registerProductLink, registerProductMedia, registerProductPrice, registerProductQuantity, registerProductVariantPicker, registerTextField, useAddItem, useBrands, useCart, useCategories, useCommerce, useProduct$1 as useProduct, useRemoveItem, useSearch, useUpdateItem, x };
 //# sourceMappingURL=commerce.esm.js.map