@plasmicpkgs/commerce 0.0.148 → 0.0.149

package/dist/commerce.esm.js

@@ -2,7 +2,7 @@ import registerComponent from '@plasmicapp/host/registerComponent';
 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 { GlobalActionsProvider, useSelector, DataProvider, PlasmicCanvasContext, repeatedElement } from '@plasmicapp/host';
 import Cookies from 'js-cookie';
 import debounce from 'debounce';
 
@@ -1090,6 +1090,30 @@ var defaultProduct = {
   options: []
 };
 
+var fetcher$1 = mutationFetcher;
+var fn$1 = 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$1);
+  return useMutationHook(_extends({
+    fetcher: fetcher$1
+  }, hook))(input);
+};
+
+var fetcher$2 = mutationFetcher;
+var fn$2 = 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$2);
+  return useMutationHook(_extends({
+    fetcher: fetcher$2
+  }, hook))(input);
+};
+
 var productSelector = "currentProduct";
 function ProductProvider(_ref) {
   var product = _ref.product,
@@ -1138,6 +1162,84 @@ function ProductMediaProvider(_ref3) {
 var useProductMediaContext = function useProductMediaContext() {
   return useSelector(mediaSelector);
 };
+function CartActionsProvider(props) {
+  var _addItem = useAddItem();
+  var _removeItem = useRemoveItem();
+  var _updateItem = useUpdateItem();
+  var actions = React.useMemo(function () {
+    return {
+      addItem: function addItem(_ref4) {
+        var productId = _ref4.productId,
+          variantId = _ref4.variantId,
+          quantity = _ref4.quantity;
+        _addItem({
+          productId: productId,
+          variantId: variantId,
+          quantity: quantity
+        });
+      },
+      updateItem: function updateItem(_ref5) {
+        var lineItemId = _ref5.lineItemId,
+          quantity = _ref5.quantity;
+        _updateItem({
+          id: lineItemId,
+          quantity: quantity
+        });
+      },
+      removeItem: function removeItem(_ref6) {
+        var lineItemId = _ref6.lineItemId;
+        _removeItem({
+          id: lineItemId
+        });
+      }
+    };
+  }, [_addItem, _removeItem, _updateItem]);
+  return React.createElement(GlobalActionsProvider, {
+    contextName: props.globalContextName,
+    actions: actions
+  }, props.children);
+}
+var globalActionsRegistrations = {
+  addItem: {
+    displayName: "Add item to cart",
+    parameters: {
+      productId: {
+        displayName: "Product Id",
+        type: "string"
+      },
+      variantId: {
+        displayName: "Variant Id",
+        type: "string"
+      },
+      quantity: {
+        displayName: "Quantity",
+        type: "number"
+      }
+    }
+  },
+  updateItem: {
+    displayName: "Update item in cart",
+    parameters: {
+      lineItemId: {
+        displayName: "Line Item Id",
+        type: "string"
+      },
+      quantity: {
+        displayName: "New Quantity",
+        type: "number"
+      }
+    }
+  },
+  removeItem: {
+    displayName: "Remove item from cart",
+    parameters: {
+      lineItemId: {
+        displayName: "Line Item Id",
+        type: "string"
+      }
+    }
+  }
+};
 
 var addToCartButtonMeta = {
   name: "plasmic-commerce-add-to-cart-button",
@@ -1214,7 +1316,7 @@ function registerAddToCartButton(loader, customAddToCartButtonMeta) {
   doRegisterComponent(AddToCartButton, customAddToCartButtonMeta != null ? customAddToCartButtonMeta : addToCartButtonMeta);
 }
 
-var fetcher$1 = /*#__PURE__*/function () {
+var fetcher$3 = /*#__PURE__*/function () {
   var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(_ref) {
     var options, cartId, fetch;
     return runtime_1.wrap(function _callee$(_context) {
@@ -1247,16 +1349,16 @@ var fetcher$1 = /*#__PURE__*/function () {
     return _ref2.apply(this, arguments);
   };
 }();
-var fn$1 = function fn(provider) {
+var fn$3 = function fn(provider) {
   var _provider$cart;
   return (_provider$cart = provider.cart) == null ? void 0 : _provider$cart.useCart;
 };
 var useCart = function useCart(input) {
   var _hook$fetcher;
-  var hook = useHook(fn$1);
+  var hook = useHook(fn$3);
   var _useCommerce = useCommerce(),
     cartCookie = _useCommerce.cartCookie;
-  var fetcherFn = (_hook$fetcher = hook.fetcher) != null ? _hook$fetcher : fetcher$1;
+  var fetcherFn = (_hook$fetcher = hook.fetcher) != null ? _hook$fetcher : fetcher$3;
   var wrapper = function wrapper(context) {
     context.input.cartId = Cookies.get(cartCookie);
     return fetcherFn(context);
@@ -1381,15 +1483,40 @@ function registerCart(loader, customCartMeta) {
   doRegisterComponent(CartComponent, customCartMeta != null ? customCartMeta : cartMeta);
 }
 
-var fetcher$2 = SWRFetcher;
-var fn$2 = function fn(provider) {
+var cartProviderMeta = {
+  name: "plasmic-commerce-cart-provider",
+  displayName: "Cart Provider",
+  props: {
+    children: "slot"
+  },
+  providesData: true,
+  importPath: "@plasmicpkgs/commerce",
+  importName: "CartProvider"
+};
+function CartProvider(props) {
+  var _useCart = useCart(),
+    data = _useCart.data;
+  return React.createElement(DataProvider, {
+    data: data,
+    name: "cart"
+  }, props.children);
+}
+function registerCartProvider(loader, customCartProviderMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+  doRegisterComponent(CartProvider, customCartProviderMeta != null ? customCartProviderMeta : cartProviderMeta);
+}
+
+var fetcher$4 = SWRFetcher;
+var fn$4 = 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$2);
+  var hook = useHook(fn$4);
   return useSWRHook(_extends({
-    fetcher: fetcher$2
+    fetcher: fetcher$4
   }, hook))(input);
 };
 
@@ -1641,27 +1768,27 @@ function registerCategoryMedia(loader, customCategoryMediaMeta) {
   doRegisterComponent(CategoryMedia, customCategoryMediaMeta != null ? customCategoryMediaMeta : categoryMediaMeta);
 }
 
-var fetcher$3 = SWRFetcher;
-var fn$3 = function fn(provider) {
+var fetcher$5 = SWRFetcher;
+var fn$5 = function fn(provider) {
   var _provider$products;
   return (_provider$products = provider.products) == null ? void 0 : _provider$products.useProduct;
 };
 var useProduct$1 = function useProduct(input) {
-  var hook = useHook(fn$3);
+  var hook = useHook(fn$5);
   return useSWRHook(_extends({
-    fetcher: fetcher$3
+    fetcher: fetcher$5
   }, hook))(input);
 };
 
-var fetcher$4 = SWRFetcher;
-var fn$4 = function fn(provider) {
+var fetcher$6 = SWRFetcher;
+var fn$6 = 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$4);
+  var hook = useHook(fn$6);
   return useSWRHook(_extends({
-    fetcher: fetcher$4
+    fetcher: fetcher$6
   }, hook))(input);
 };
 
@@ -1772,15 +1899,15 @@ function registerProductBox(loader, customProductBoxMeta) {
   doRegisterComponent(ProductBox, customProductBoxMeta != null ? customProductBoxMeta : productBoxMeta);
 }
 
-var fetcher$5 = SWRFetcher;
-var fn$5 = function fn(provider) {
+var fetcher$7 = SWRFetcher;
+var fn$7 = 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$5);
+  var hook = useHook(fn$7);
   return useSWRHook(_extends({
-    fetcher: fetcher$5
+    fetcher: fetcher$7
   }, hook))(input);
 };
 
@@ -2368,30 +2495,6 @@ function registerProductVariantPicker(loader, customProductVariantPickerMeta) {
   doRegisterComponent(ProductVariantPicker, customProductVariantPickerMeta != null ? customProductVariantPickerMeta : productVariantPickerMeta);
 }
 
-var fetcher$6 = mutationFetcher;
-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$6);
-  return useMutationHook(_extends({
-    fetcher: fetcher$6
-  }, hook))(input);
-};
-
-var fetcher$7 = mutationFetcher;
-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$7);
-  return useMutationHook(_extends({
-    fetcher: fetcher$7
-  }, hook))(input);
-};
-
 
 
 var cart = {
@@ -2420,6 +2523,7 @@ function registerAll(loader) {
   registerProductMedia(loader);
   registerProductMediaCollection(loader);
   registerCart(loader);
+  registerCartProvider(loader);
   registerAddToCartButton(loader);
   registerProductQuantity(loader);
   registerProductVariantPicker(loader);
@@ -2432,5 +2536,5 @@ function registerAll(loader) {
   registerCategoryMedia(loader);
 }
 
-export { AddToCartButton, CartComponent, cart as CartType, CategoryCollection, CategoryField, CategoryLink, CategoryMedia, CommerceError, CoreCommerceProvider, FetcherError, ProductBox, ProductCollection, ProductLink, ProductMedia, ProductMediaCollection, defaultProduct as ProductPlaceholder, ProductPriceComponent, ProductQuantity, ProductSlider, ProductTextField, product as ProductTypes, ProductVariantPicker, site as SiteTypes, ValidationError, addToCartButtonMeta, cartMeta, categoryCollectionMeta, categoryFieldMeta, categoryLinkMeta, categoryMediaMeta, fetcher$4 as fetcher, getCommerceProvider, productBoxMeta, productCollectionMeta, productLinkMeta, productMediaCollectionMeta, productMediaMeta, productPriceMeta, productQuantityMeta, productSliderMeta, productTextFieldMeta, productVariantPickerMeta, registerAddToCartButton, registerAll, registerCart, registerCategoryCollection, registerCategoryField, registerCategoryLink, registerCategoryMedia, registerProductBox, registerProductCollection, registerProductLink, registerProductMedia, registerProductMediaCollection, registerProductPrice, registerProductQuantity, registerProductSlider, registerProductVariantPicker, registerTextField, useAddItem, useBrands, useCart, useCategories, useCommerce, useProduct$1 as useProduct, useRemoveItem, useSearch, useUpdateItem };
+export { AddToCartButton, CartActionsProvider, CartComponent, CartProvider, cart as CartType, CategoryCollection, CategoryField, CategoryLink, CategoryMedia, CommerceError, CoreCommerceProvider, FetcherError, ProductBox, ProductCollection, ProductLink, ProductMedia, ProductMediaCollection, defaultProduct as ProductPlaceholder, ProductPriceComponent, ProductQuantity, ProductSlider, ProductTextField, product as ProductTypes, ProductVariantPicker, site as SiteTypes, ValidationError, addToCartButtonMeta, cartMeta, cartProviderMeta, categoryCollectionMeta, categoryFieldMeta, categoryLinkMeta, categoryMediaMeta, fetcher$6 as fetcher, getCommerceProvider, globalActionsRegistrations, productBoxMeta, productCollectionMeta, productLinkMeta, productMediaCollectionMeta, productMediaMeta, productPriceMeta, productQuantityMeta, productSliderMeta, productTextFieldMeta, productVariantPickerMeta, registerAddToCartButton, registerAll, registerCart, registerCartProvider, registerCategoryCollection, registerCategoryField, registerCategoryLink, registerCategoryMedia, registerProductBox, registerProductCollection, registerProductLink, registerProductMedia, registerProductMediaCollection, registerProductPrice, registerProductQuantity, registerProductSlider, registerProductVariantPicker, registerTextField, useAddItem, useBrands, useCart, useCategories, useCommerce, useProduct$1 as useProduct, useRemoveItem, useSearch, useUpdateItem };
 //# sourceMappingURL=commerce.esm.js.map