@plasmicpkgs/commerce 0.0.39 → 0.0.42

package/dist/commerce.esm.js

@@ -1,9 +1,9 @@
 import registerComponent from '@plasmicapp/host/registerComponent';
 import React, { useContext, useRef, useMemo, createContext, useCallback } from 'react';
+import { useSelector, DataProvider, PlasmicCanvasContext, repeatedElement } from '@plasmicapp/host';
 import { useForm, FormProvider, useFormContext, Controller } from 'react-hook-form';
 import { useMutablePlasmicQueryData } from '@plasmicapp/query';
 import Cookies from 'js-cookie';
-import { PlasmicCanvasContext, repeatedElement } from '@plasmicapp/host';
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -963,51 +963,54 @@ var defaultProduct = {
   options: []
 };
 
-var ProductContext = /*#__PURE__*/React.createContext(undefined);
+var productSelector = "product";
 function ProductProvider(_ref) {
   var product = _ref.product,
       children = _ref.children;
   var methods = useForm();
-  return React.createElement(ProductContext.Provider, {
-    value: product,
+  return React.createElement(DataProvider, {
+    name: productSelector,
+    data: product,
     key: product.id
   }, React.createElement(FormProvider, Object.assign({}, methods), children));
 }
 var useProduct = function useProduct() {
-  var product = useContext(ProductContext);
+  var product = useSelector(productSelector);
   return product != null ? product : defaultProduct;
 };
-var CategoryContext = /*#__PURE__*/React.createContext(undefined);
 var PrimaryCategoryContext = /*#__PURE__*/React.createContext(undefined); //used to render correctly the defaultValueHint in ProductCollection
 
+var categorySelector = "category";
 function CategoryProvider(_ref2) {
   var category = _ref2.category,
       children = _ref2.children;
-  return React.createElement(CategoryContext.Provider, {
-    value: category,
+  return React.createElement(DataProvider, {
+    name: categorySelector,
+    data: category,
     key: category.id
   }, children);
 }
 var useCategoryContext = function useCategoryContext() {
-  return useContext(CategoryContext);
+  return useSelector(categorySelector);
 };
 var usePrimaryCategory = function usePrimaryCategory() {
   return useContext(PrimaryCategoryContext);
 };
-var ProductMediaContext = /*#__PURE__*/React.createContext(undefined);
+var mediaSelector = "currentMedia";
 function ProductMediaProvider(_ref3) {
   var mediaIndex = _ref3.mediaIndex,
       onClick = _ref3.onClick,
       children = _ref3.children;
-  return React.createElement(ProductMediaContext.Provider, {
-    value: mediaIndex,
+  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 useContext(ProductMediaContext);
+  return useSelector(mediaSelector);
 };
 
 var _excluded = ["children"];