@plasmicpkgs/commerce-saleor 0.0.111 → 0.0.113

package/dist/commerce-saleor.esm.js

@@ -1,6 +1,6 @@
 import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
 import React, { useMemo, useCallback } from 'react';
-import { FetcherError, ValidationError, CommerceError, useCart, useCommerce as useCommerce$1, getCommerceProvider as getCommerceProvider$1 } from '@plasmicpkgs/commerce';
+import { FetcherError, ValidationError, CommerceError, useCart, useCommerce as useCommerce$1, getCommerceProvider as getCommerceProvider$1, CartActionsProvider, globalActionsRegistrations } from '@plasmicpkgs/commerce';
 import Cookies from 'js-cookie';
 import debounce from 'debounce';
 
@@ -878,7 +878,7 @@ var ProductConnection = /* GraphQL */"\n  fragment ProductConnection on ProductC
   Forked from https://github.com/vercel/commerce/tree/main/packages/saleor/src
   Changes: None
 */
-var CheckoutDetails = /* GraphQL */"\n  fragment CheckoutDetails on Checkout {\n    id\n    token\n    created\n    totalPrice {\n      currency\n      gross {\n        amount\n      }\n    }\n    subtotalPrice {\n      currency\n      gross {\n        amount\n      }\n    }\n\n    lines {\n      id\n      variant {\n        id\n        name\n        sku\n        product {\n          name\n          slug\n        }\n        media {\n          url\n        }\n        pricing {\n          price {\n            gross {\n              amount\n            }\n          }\n        }\n      }\n      quantity\n      totalPrice {\n        currency\n        gross {\n          amount\n        }\n      }\n    }\n  }\n";
+var CheckoutDetails = /* GraphQL */"\n  fragment CheckoutDetails on Checkout {\n    id\n    token\n    created\n    totalPrice {\n      currency\n      gross {\n        amount\n      }\n    }\n    subtotalPrice {\n      currency\n      gross {\n        amount\n      }\n    }\n\n    lines {\n      id\n      variant {\n        id\n        name\n        sku\n        product {\n          name\n          slug\n          id\n        }\n        media {\n          url\n        }\n        pricing {\n          price {\n            gross {\n              amount\n            }\n          }\n        }\n      }\n      quantity\n      totalPrice {\n        currency\n        gross {\n          amount\n        }\n      }\n    }\n  }\n";
 
 /*
   Forked from https://github.com/vercel/commerce/tree/main/packages/saleor/src
@@ -944,18 +944,19 @@ var checkoutCreate = /*#__PURE__*/function () {
 }();
 
 var _excluded = ["id", "name", "media", "variants", "description", "slug", "pricing"];
+/* eslint-disable */
 /*
   Forked from https://github.com/vercel/commerce/tree/main/packages/saleor/src
   Changes: None
 */
 // TODO: Check nextjs-commerce bug if no images are added for a product
-var placeholderImg = '/product-img-placeholder.svg';
+var placeholderImg = "/product-img-placeholder.svg";
 var money = function money(_ref) {
   var amount = _ref.amount,
     currency = _ref.currency;
   return {
     value: +amount,
-    currencyCode: currency || 'USD'
+    currencyCode: currency || "USD"
   };
 };
 var normalizeProductOptions = function normalizeProductOptions(options) {
@@ -977,9 +978,9 @@ var normalizeProductOptions = function normalizeProductOptions(options) {
       });
     }
     return acc.concat({
-      __typename: 'MultipleChoiceOption',
+      __typename: "MultipleChoiceOption",
       displayName: x.attribute.name,
-      variant: 'size',
+      variant: "size",
       values: x.values.map(function (value) {
         return {
           label: value == null ? void 0 : value.name
@@ -1021,13 +1022,13 @@ function normalizeProduct(productNode) {
   var product = _extends({
     id: id,
     name: name,
-    vendor: '',
-    description: description ? (_JSON$parse = JSON.parse(description)) == null ? void 0 : (_JSON$parse$blocks$ = _JSON$parse.blocks[0]) == null ? void 0 : _JSON$parse$blocks$.data.text : '',
+    vendor: "",
+    description: description ? (_JSON$parse = JSON.parse(description)) == null ? void 0 : (_JSON$parse$blocks$ = _JSON$parse.blocks[0]) == null ? void 0 : _JSON$parse$blocks$.data.text : "",
     path: "/" + slug,
-    slug: slug == null ? void 0 : slug.replace(/^\/+|\/+$/g, ''),
+    slug: slug == null ? void 0 : slug.replace(/^\/+|\/+$/g, ""),
     price: (pricing == null ? void 0 : (_pricing$priceRange = pricing.priceRange) == null ? void 0 : (_pricing$priceRange$s = _pricing$priceRange.start) == null ? void 0 : _pricing$priceRange$s.net) && money(pricing.priceRange.start.net) || {
       value: 0,
-      currencyCode: 'USD'
+      currencyCode: "USD"
     },
     // TODO: Check nextjs-commerce bug if no images are added for a product
     images: media != null && media.length ? media : [{
@@ -1044,8 +1045,8 @@ function normalizeCart(checkout) {
   var lineItems = lines.length > 0 ? lines == null ? void 0 : lines.map(normalizeLineItem) : [];
   return {
     id: checkout.id,
-    customerId: '',
-    email: '',
+    customerId: "",
+    email: "",
     createdAt: checkout.created,
     currency: {
       code: (_checkout$totalPrice = checkout.totalPrice) == null ? void 0 : _checkout$totalPrice.currency
@@ -1059,19 +1060,19 @@ function normalizeCart(checkout) {
   };
 }
 function normalizeLineItem(_ref3) {
-  var _variant$sku, _variant$pricing, _variant$pricing$pric, _variant$product;
+  var _variant$product, _variant$sku, _variant$pricing, _variant$pricing$pric, _variant$product2;
   var id = _ref3.id,
     variant = _ref3.variant,
     quantity = _ref3.quantity;
   return {
     id: id,
     variantId: String(variant == null ? void 0 : variant.id),
-    productId: String(variant == null ? void 0 : variant.id),
+    productId: String(variant == null ? void 0 : (_variant$product = variant.product) == null ? void 0 : _variant$product.id),
     name: "" + variant.product.name,
     quantity: quantity,
     variant: {
       id: String(variant == null ? void 0 : variant.id),
-      sku: (_variant$sku = variant == null ? void 0 : variant.sku) != null ? _variant$sku : '',
+      sku: (_variant$sku = variant == null ? void 0 : variant.sku) != null ? _variant$sku : "",
       name: variant == null ? void 0 : variant.name,
       image: {
         url: variant != null && variant.media[0] ? variant == null ? void 0 : variant.media[0].url : placeholderImg
@@ -1080,7 +1081,7 @@ function normalizeLineItem(_ref3) {
       price: variant == null ? void 0 : (_variant$pricing = variant.pricing) == null ? void 0 : (_variant$pricing$pric = _variant$pricing.price) == null ? void 0 : _variant$pricing$pric.gross.amount,
       listPrice: 0
     },
-    path: String(variant == null ? void 0 : (_variant$product = variant.product) == null ? void 0 : _variant$product.slug),
+    path: String(variant == null ? void 0 : (_variant$product2 = variant.product) == null ? void 0 : _variant$product2.slug),
     discounts: [],
     options: []
   };
@@ -1462,7 +1463,7 @@ var handler$3 = {
                 variables: {
                   checkoutId: checkoutId,
                   lineItems: [{
-                    variantId: item.variantId,
+                    itemId: itemId,
                     quantity: item.quantity
                   }]
                 }
@@ -1492,41 +1493,37 @@ var handler$3 = {
         mutate = _useCart.mutate;
       return useCallback(debounce( /*#__PURE__*/function () {
         var _ref3 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(input) {
-          var _input$id, _input$productId, _input$productId2;
-          var itemId, productId, variantId, data;
+          var _input$id;
+          var itemId, data;
           return runtime_1.wrap(function _callee2$(_context2) {
             while (1) {
               switch (_context2.prev = _context2.next) {
                 case 0:
                   itemId = (_input$id = input.id) != null ? _input$id : item == null ? void 0 : item.id;
-                  productId = (_input$productId = input.productId) != null ? _input$productId : item == null ? void 0 : item.productId;
-                  variantId = (_input$productId2 = input.productId) != null ? _input$productId2 : item == null ? void 0 : item.variantId;
-                  if (!(!itemId || !productId || !variantId)) {
-                    _context2.next = 5;
+                  if (itemId) {
+                    _context2.next = 3;
                     break;
                   }
                   throw new ValidationError({
                     message: "Invalid input used for this operation"
                   });
-                case 5:
-                  _context2.next = 7;
+                case 3:
+                  _context2.next = 5;
                   return fetch({
                     input: {
                       item: {
-                        productId: productId,
-                        variantId: variantId,
                         quantity: input.quantity
                       },
                       itemId: itemId
                     }
                   });
-                case 7:
+                case 5:
                   data = _context2.sent;
-                  _context2.next = 10;
+                  _context2.next = 8;
                   return mutate(data, false);
-                case 10:
+                case 8:
                   return _context2.abrupt("return", data);
-                case 11:
+                case 9:
                 case "end":
                   return _context2.stop();
               }
@@ -1871,8 +1868,9 @@ var getCommerceProvider = function getCommerceProvider(saleorApiUrl) {
   return getCommerceProvider$1(getSaleorProvider(saleorApiUrl));
 };
 
+var globalContextName = "plasmic-commerce-saleor-provider";
 var commerceProviderMeta = {
-  name: "plasmic-commerce-saleor-provider",
+  name: globalContextName,
   displayName: "Saleor Provider",
   props: {
     saleorApiUrl: {
@@ -1880,6 +1878,7 @@ var commerceProviderMeta = {
       defaultValue: "https://vercel.saleor.cloud/graphql/"
     }
   },
+  unstable__globalActions: globalActionsRegistrations,
   importPath: "@plasmicpkgs/commerce-saleor",
   importName: "CommerceProviderComponent"
 };
@@ -1889,7 +1888,9 @@ function CommerceProviderComponent(props) {
   var CommerceProvider = React.useMemo(function () {
     return getCommerceProvider(saleorApiUrl);
   }, [saleorApiUrl]);
-  return React.createElement(CommerceProvider, null, children);
+  return React.createElement(CommerceProvider, null, React.createElement(CartActionsProvider, {
+    globalContextName: globalContextName
+  }, children));
 }
 function registerCommerceProvider(loader, customCommerceProviderMeta) {
   var doRegisterComponent = function doRegisterComponent() {