@plasmicpkgs/commerce-shopify 0.0.153 → 0.0.155

package/dist/commerce-shopify.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, globalActionsRegistrations, CartActionsProvider } from '@plasmicpkgs/commerce';
 import Cookies from 'js-cookie';
 import debounce from 'debounce';
 
@@ -877,7 +877,7 @@ var getCheckoutId = function getCheckoutId(id) {
   Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
   Changes: None
 */
-var checkoutDetailsFragment = /* GraphQL */"\n  fragment checkoutDetails on Checkout {\n    id\n    webUrl\n    subtotalPriceV2 {\n      amount\n      currencyCode\n    }\n    totalTaxV2 {\n      amount\n      currencyCode\n    }\n    totalPriceV2 {\n      amount\n      currencyCode\n    }\n    completedAt\n    createdAt\n    taxesIncluded\n    lineItems(first: 250) {\n      pageInfo {\n        hasNextPage\n        hasPreviousPage\n      }\n      edges {\n        node {\n          id\n          title\n          variant {\n            id\n            sku\n            title\n            selectedOptions {\n              name\n              value\n            }\n            image {\n              originalSrc\n              altText\n              width\n              height\n            }\n            priceV2 {\n              amount\n              currencyCode\n            }\n            compareAtPriceV2 {\n              amount\n              currencyCode\n            }\n            product {\n              handle\n            }\n          }\n          quantity\n        }\n      }\n    }\n  }\n";
+var checkoutDetailsFragment = /* GraphQL */"\n  fragment checkoutDetails on Checkout {\n    id\n    webUrl\n    subtotalPriceV2 {\n      amount\n      currencyCode\n    }\n    totalTaxV2 {\n      amount\n      currencyCode\n    }\n    totalPriceV2 {\n      amount\n      currencyCode\n    }\n    completedAt\n    createdAt\n    taxesIncluded\n    lineItems(first: 250) {\n      pageInfo {\n        hasNextPage\n        hasPreviousPage\n      }\n      edges {\n        node {\n          id\n          title\n          variant {\n            id\n            sku\n            title\n            selectedOptions {\n              name\n              value\n            }\n            image {\n              originalSrc\n              altText\n              width\n              height\n            }\n            priceV2 {\n              amount\n              currencyCode\n            }\n            compareAtPriceV2 {\n              amount\n              currencyCode\n            }\n            product {\n              id\n              handle\n            }\n          }\n          quantity\n        }\n      }\n    }\n  }\n";
 var getCheckoutQuery = /* GraphQL */"\n  query getCheckout($checkoutId: ID!) {\n    node(id: $checkoutId) {\n      ...checkoutDetails\n    }\n  }\n  " + checkoutDetailsFragment + "\n";
 
 /*
@@ -1108,7 +1108,7 @@ var normalizeProductOption = function normalizeProductOption(_ref2) {
     displayName = _ref2.name,
     values = _ref2.values;
   return {
-    __typename: 'MultipleChoiceOption',
+    __typename: "MultipleChoiceOption",
     id: id,
     displayName: displayName.toLowerCase(),
     values: values.map(function (value) {
@@ -1116,7 +1116,7 @@ var normalizeProductOption = function normalizeProductOption(_ref2) {
         label: value
       };
       if (displayName.match(/colou?r/gi)) {
-        var mapedColor = colorMap[value.toLowerCase().replace(/ /g, '')];
+        var mapedColor = colorMap[value.toLowerCase().replace(/ /g, "")];
         if (mapedColor) {
           output = _extends({}, output, {
             hexColors: [mapedColor]
@@ -1190,7 +1190,7 @@ function normalizeProduct(_ref8) {
     name: name,
     vendor: vendor,
     path: "/" + handle,
-    slug: handle == null ? void 0 : handle.replace(/^\/+|\/+$/g, ''),
+    slug: handle == null ? void 0 : handle.replace(/^\/+|\/+$/g, ""),
     price: money(priceRange == null ? void 0 : priceRange.minVariantPrice),
     images: normalizeProductImages(images),
     variants: variants ? normalizeProductVariants(variants) : [],
@@ -1211,8 +1211,8 @@ function normalizeCart(checkout) {
   return {
     id: checkout.id,
     url: checkout.webUrl,
-    customerId: '',
-    email: '',
+    customerId: "",
+    email: "",
     createdAt: checkout.createdAt,
     currency: {
       code: (_checkout$totalPriceV = checkout.totalPriceV2) == null ? void 0 : _checkout$totalPriceV.currencyCode
@@ -1235,15 +1235,15 @@ function normalizeLineItem(_ref9) {
   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.id),
     name: "" + title,
     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.title,
       image: {
-        url: (variant == null ? void 0 : (_variant$image = variant.image) == null ? void 0 : _variant$image.originalSrc) || '/product-img-placeholder.svg'
+        url: (variant == null ? void 0 : (_variant$image = variant.image) == null ? void 0 : _variant$image.originalSrc) || "/product-img-placeholder.svg"
       },
       requiresShipping: (_variant$requiresShip = variant == null ? void 0 : variant.requiresShipping) != null ? _variant$requiresShip : false,
       price: variant == null ? void 0 : (_variant$priceV = variant.priceV2) == null ? void 0 : _variant$priceV.amount,
@@ -1251,7 +1251,7 @@ function normalizeLineItem(_ref9) {
     },
     path: String(variant == null ? void 0 : (_variant$product = variant.product) == null ? void 0 : _variant$product.handle),
     discounts: [],
-    options: (variant == null ? void 0 : variant.title) == 'Default Title' ? [] : variant == null ? void 0 : variant.selectedOptions
+    options: (variant == null ? void 0 : variant.title) == "Default Title" ? [] : variant == null ? void 0 : variant.selectedOptions
   };
 }
 /*
@@ -1850,41 +1850,37 @@ var handler$5 = {
         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 || input.quantity == null)) {
+                    _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();
               }
@@ -2120,8 +2116,9 @@ var getCommerceProvider = function getCommerceProvider(storeDomain, accessToken)
   return getCommerceProvider$1(getShopifyProvider(storeDomain, accessToken));
 };
 
+var globalContextName = "plasmic-commerce-shopify-provider";
 var commerceProviderMeta = {
-  name: "plasmic-commerce-shopify-provider",
+  name: globalContextName,
   displayName: "Shopify Provider",
   props: {
     storeDomain: {
@@ -2133,6 +2130,7 @@ var commerceProviderMeta = {
       defaultValue: "ef7d41c7bf7e1c214074d0d3047bcd7b"
     }
   },
+  unstable__globalActions: globalActionsRegistrations,
   description: "Your store domain usually looks like **storename.myshopify.com**.\n\nFor your access token, get it by following [this video](https://www.youtube.com/watch?v=wB_6cM7tdv4).\n\nSee also the [getting started video](https://www.youtube.com/watch?v=1OJ_gXmta2Q).",
   importPath: "@plasmicpkgs/commerce-shopify",
   importName: "CommerceProviderComponent"
@@ -2144,7 +2142,9 @@ function CommerceProviderComponent(props) {
   var CommerceProvider = React.useMemo(function () {
     return getCommerceProvider(storeDomain, accessToken);
   }, [storeDomain, accessToken]);
-  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() {