@plasmicpkgs/commerce 0.0.124 → 0.0.126

package/dist/commerce.esm.js

@@ -1,8 +1,8 @@
 import registerComponent from '@plasmicapp/host/registerComponent';
-import React, { useContext, useRef, useMemo, createContext, useCallback } from 'react';
-import { useSelector, DataProvider, PlasmicCanvasContext, repeatedElement } from '@plasmicapp/host';
+import React, { useRef, useMemo, useContext, createContext, useCallback } from 'react';
 import { useForm, FormProvider, useFormContext, Controller } from 'react-hook-form';
 import { useMutablePlasmicQueryData } from '@plasmicapp/query';
+import { useSelector, DataProvider, PlasmicCanvasContext, repeatedElement } from '@plasmicapp/host';
 import Cookies from 'js-cookie';
 import debounce from 'debounce';
 
@@ -825,86 +825,6 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
   }
 });
 
-var defaultProduct = {
-  id: "123456789",
-  name: "Product name",
-  description: "",
-  descriptionHtml: "\n    <p>This is a <strong>placeholder</strong>.</p>\n  ",
-  images: [{
-    url: "https://static1.plasmic.app/commerce/lightweight-jacket-0.png",
-    alt: "Lightweight Jacket"
-  }, {
-    url: "https://static1.plasmic.app/commerce/lightweight-jacket-1.png",
-    alt: "Lightweight Jacket"
-  }, {
-    url: "https://static1.plasmic.app/commerce/lightweight-jacket-2.png",
-    alt: "Lightweight Jacket"
-  }],
-  variants: [{
-    id: "variant1",
-    name: "Variant 1",
-    options: []
-  }, {
-    id: "variant2",
-    name: "Variant 2",
-    options: []
-  }],
-  price: {
-    value: 0,
-    currencyCode: "USD"
-  },
-  options: []
-};
-
-var productSelector = "currentProduct";
-function ProductProvider(_ref) {
-  var product = _ref.product,
-    children = _ref.children;
-  var methods = useForm();
-  return React.createElement(DataProvider, {
-    name: productSelector,
-    data: product,
-    key: product.id
-  }, React.createElement(FormProvider, Object.assign({}, methods), children));
-}
-var useProduct = function useProduct() {
-  var product = useSelector(productSelector);
-  return product != null ? product : defaultProduct;
-};
-var PrimaryCategoryContext = /*#__PURE__*/React.createContext(undefined); //used to render correctly the defaultValueHint in ProductCollection
-var categorySelector = "currentCategory";
-function CategoryProvider(_ref2) {
-  var category = _ref2.category,
-    children = _ref2.children;
-  return React.createElement(DataProvider, {
-    name: categorySelector,
-    data: category,
-    key: category.id
-  }, children);
-}
-var useCategoryContext = function useCategoryContext() {
-  return useSelector(categorySelector);
-};
-var usePrimaryCategory = function usePrimaryCategory() {
-  return useContext(PrimaryCategoryContext);
-};
-var mediaSelector = "currentMedia";
-function ProductMediaProvider(_ref3) {
-  var mediaIndex = _ref3.mediaIndex,
-    onClick = _ref3.onClick,
-    children = _ref3.children;
-  return React.createElement(DataProvider, {
-    name: mediaSelector,
-    data: mediaIndex,
-    key: mediaIndex
-  }, React.cloneElement(React.isValidElement(children) ? children : React.createElement(React.Fragment, null), {
-    onClick: onClick
-  }));
-}
-var useProductMediaContext = function useProductMediaContext() {
-  return useSelector(mediaSelector);
-};
-
 var _excluded = ["children"];
 var Commerce = /*#__PURE__*/createContext({});
 function CoreCommerceProvider(_ref) {
@@ -1139,6 +1059,86 @@ var useAddItem = function useAddItem() {
   }, hook)).apply(void 0, arguments);
 };
 
+var defaultProduct = {
+  id: "123456789",
+  name: "Product name",
+  description: "",
+  descriptionHtml: "\n    <p>This is a <strong>placeholder</strong>.</p>\n  ",
+  images: [{
+    url: "https://static1.plasmic.app/commerce/lightweight-jacket-0.png",
+    alt: "Lightweight Jacket"
+  }, {
+    url: "https://static1.plasmic.app/commerce/lightweight-jacket-1.png",
+    alt: "Lightweight Jacket"
+  }, {
+    url: "https://static1.plasmic.app/commerce/lightweight-jacket-2.png",
+    alt: "Lightweight Jacket"
+  }],
+  variants: [{
+    id: "variant1",
+    name: "Variant 1",
+    options: []
+  }, {
+    id: "variant2",
+    name: "Variant 2",
+    options: []
+  }],
+  price: {
+    value: 0,
+    currencyCode: "USD"
+  },
+  options: []
+};
+
+var productSelector = "currentProduct";
+function ProductProvider(_ref) {
+  var product = _ref.product,
+    children = _ref.children;
+  var methods = useForm();
+  return React.createElement(DataProvider, {
+    name: productSelector,
+    data: product,
+    key: product.id
+  }, React.createElement(FormProvider, Object.assign({}, methods), children));
+}
+var useProduct = function useProduct() {
+  var product = useSelector(productSelector);
+  return product != null ? product : defaultProduct;
+};
+var PrimaryCategoryContext = /*#__PURE__*/React.createContext(undefined); //used to render correctly the defaultValueHint in ProductCollection
+var categorySelector = "currentCategory";
+function CategoryProvider(_ref2) {
+  var category = _ref2.category,
+    children = _ref2.children;
+  return React.createElement(DataProvider, {
+    name: categorySelector,
+    data: category,
+    key: category.id
+  }, children);
+}
+var useCategoryContext = function useCategoryContext() {
+  return useSelector(categorySelector);
+};
+var usePrimaryCategory = function usePrimaryCategory() {
+  return useContext(PrimaryCategoryContext);
+};
+var mediaSelector = "currentMedia";
+function ProductMediaProvider(_ref3) {
+  var mediaIndex = _ref3.mediaIndex,
+    onClick = _ref3.onClick,
+    children = _ref3.children;
+  return React.createElement(DataProvider, {
+    name: mediaSelector,
+    data: mediaIndex,
+    key: mediaIndex
+  }, React.cloneElement(React.isValidElement(children) ? children : React.createElement(React.Fragment, null), {
+    onClick: onClick
+  }));
+}
+var useProductMediaContext = function useProductMediaContext() {
+  return useSelector(mediaSelector);
+};
+
 var addToCartButtonMeta = {
   name: "plasmic-commerce-add-to-cart-button",
   displayName: "Add To Cart Button",
@@ -1173,7 +1173,7 @@ function AddToCartButton(props) {
                 break;
               }
               throw new CommerceError({
-                message: 'The item quantity has to be a valid integer greater than 0'
+                message: "The item quantity has to be a valid integer greater than 0"
               });
             case 3:
               if (!product) {