@plasmicpkgs/commerce-swell 0.0.2 → 0.0.6

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Plasmic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/commerce-swell.cjs.development.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var registerComponent = _interopDefault(require('@plasmicapp/host/registerComponent'));
 var React = require('react');
 var React__default = _interopDefault(React);
 var commerce = require('@plasmicpkgs/commerce');
 var swell = _interopDefault(require('swell-js'));
 var Cookies = _interopDefault(require('js-cookie'));
-var debounce = _interopDefault(require('lodash.debounce'));
+var debounce = _interopDefault(require('lodash/debounce'));
+var registerGlobalContext = _interopDefault(require('@plasmicapp/host/registerGlobalContext'));
 
 /*
   Forked from https://github.com/vercel/commerce/tree/main/packages/swell/src
@@ -181,9 +181,9 @@ var runtime = (function (exports) {
   // This is a polyfill for %IteratorPrototype% for environments that
   // don't natively support it.
   var IteratorPrototype = {};
-  IteratorPrototype[iteratorSymbol] = function () {
+  define(IteratorPrototype, iteratorSymbol, function () {
     return this;
-  };
+  });
 
   var getProto = Object.getPrototypeOf;
   var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
@@ -197,8 +197,9 @@ var runtime = (function (exports) {
 
   var Gp = GeneratorFunctionPrototype.prototype =
     Generator.prototype = Object.create(IteratorPrototype);
-  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
-  GeneratorFunctionPrototype.constructor = GeneratorFunction;
+  GeneratorFunction.prototype = GeneratorFunctionPrototype;
+  define(Gp, "constructor", GeneratorFunctionPrototype);
+  define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
   GeneratorFunction.displayName = define(
     GeneratorFunctionPrototype,
     toStringTagSymbol,
@@ -312,9 +313,9 @@ var runtime = (function (exports) {
   }
 
   defineIteratorMethods(AsyncIterator.prototype);
-  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
+  define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
     return this;
-  };
+  });
   exports.AsyncIterator = AsyncIterator;
 
   // Note that simple async functions are implemented on top of
@@ -507,13 +508,13 @@ var runtime = (function (exports) {
   // iterator prototype chain incorrectly implement this, causing the Generator
   // object to not be returned from this call. This ensures that doesn't happen.
   // See https://github.com/facebook/regenerator/issues/274 for more details.
-  Gp[iteratorSymbol] = function() {
+  define(Gp, iteratorSymbol, function() {
     return this;
-  };
+  });
 
-  Gp.toString = function() {
+  define(Gp, "toString", function() {
     return "[object Generator]";
-  };
+  });
 
   function pushTryEntry(locs) {
     var entry = { tryLoc: locs[0] };
@@ -832,17 +833,24 @@ try {
 } catch (accidentalStrictMode) {
   // This module should not be running in strict mode, so the above
   // assignment should always work unless something is misconfigured. Just
-  // in case runtime.js accidentally runs in strict mode, we can escape
+  // in case runtime.js accidentally runs in strict mode, in modern engines
+  // we can explicitly access globalThis. In older engines we can escape
   // strict mode using a global Function call. This could conceivably fail
   // if a Content Security Policy forbids using Function, but in that case
   // the proper solution is to fix the accidental strict mode problem. If
   // you've misconfigured your bundler to force strict mode and applied a
   // CSP to forbid Function, and you're not willing to fix either of those
   // problems, please detail your unique predicament in a GitHub issue.
-  Function("r", "regeneratorRuntime = r")(runtime);
+  if (typeof globalThis === "object") {
+    globalThis.regeneratorRuntime = runtime;
+  } else {
+    Function("r", "regeneratorRuntime = r")(runtime);
+  }
 }
 });
 
+var _excluded = ["file"];
+
 var normalizeProductOption = function normalizeProductOption(_ref2) {
   var id = _ref2.id,
       _ref2$name = _ref2.name,
@@ -879,7 +887,7 @@ var normalizeProductImages = function normalizeProductImages(images) {
 
   return images == null ? void 0 : images.map(function (_ref3) {
     var file = _ref3.file,
-        rest = _objectWithoutPropertiesLoose(_ref3, ["file"]);
+        rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
     return _extends({
       url: (file == null ? void 0 : file.url) + '',
@@ -1530,7 +1538,7 @@ var handler$4 = {
   },
   fetcher: function fetcher(_ref) {
     return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-      var input, fetch, sortMap, categoryId, search, _input$sort, sort, count, mappedSort, _yield$fetch, results, found, products;
+      var input, fetch, sortMap, categoryId, brandId, search, _input$sort, sort, count, mappedSort, _yield$fetch, results, found, products;
 
       return runtime_1.wrap(function _callee$(_context) {
         while (1) {
@@ -1538,7 +1546,7 @@ var handler$4 = {
             case 0:
               input = _ref.input, fetch = _ref.fetch;
               sortMap = new Map([['latest-desc', ''], ['price-asc', 'price_asc'], ['price-desc', 'price_desc'], ['trending-desc', 'popularity']]);
-              categoryId = input.categoryId, search = input.search, _input$sort = input.sort, sort = _input$sort === void 0 ? 'latest-desc' : _input$sort, count = input.count;
+              categoryId = input.categoryId, brandId = input.brandId, search = input.search, _input$sort = input.sort, sort = _input$sort === void 0 ? 'latest-desc' : _input$sort, count = input.count;
               mappedSort = sortMap.get(sort);
               _context.next = 6;
               return fetch({
@@ -1546,6 +1554,7 @@ var handler$4 = {
                 method: 'list',
                 variables: {
                   category: categoryId,
+                  brand: brandId,
                   search: search,
                   sort: mappedSort,
                   expand: ["variants"],
@@ -1590,6 +1599,168 @@ var handler$4 = {
   }
 };
 
+var handler$5 = {
+  fetchOptions: {
+    query: 'categories',
+    method: 'get'
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+      var _data$results$map;
+
+      var fetch, data;
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              fetch = _ref.fetch;
+              _context.next = 3;
+              return fetch({
+                query: 'categories',
+                method: 'get'
+              });
+
+            case 3:
+              data = _context.sent;
+              return _context.abrupt("return", (_data$results$map = data.results.map(function (_ref2) {
+                var id = _ref2.id,
+                    name = _ref2.name,
+                    slug = _ref2.slug;
+                return {
+                  id: id,
+                  name: name,
+                  slug: slug,
+                  path: "/" + slug
+                };
+              })) != null ? _data$results$map : []);
+
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  useHook: function useHook(_ref3) {
+    var useData = _ref3.useData;
+    return function (input) {
+      var response = useData({
+        swrOptions: _extends({
+          revalidateOnFocus: false
+        }, input == null ? void 0 : input.swrOptions)
+      });
+      return React.useMemo(function () {
+        return Object.create(response, {
+          isEmpty: {
+            get: function get() {
+              var _response$data$length, _response$data;
+
+              return ((_response$data$length = (_response$data = response.data) == null ? void 0 : _response$data.length) != null ? _response$data$length : 0) <= 0;
+            },
+            enumerable: true
+          }
+        });
+      }, [response]);
+    };
+  }
+};
+
+var handler$6 = {
+  fetchOptions: {
+    query: 'attributes',
+    method: 'get'
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+      var _yield$fetch$values, _yield$fetch;
+
+      var fetch, vendors;
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              fetch = _ref.fetch;
+              _context.next = 3;
+              return fetch({
+                query: 'attributes',
+                method: 'get',
+                variables: 'brand'
+              });
+
+            case 3:
+              _context.t0 = _yield$fetch = _context.sent;
+
+              if (!(_context.t0 == null)) {
+                _context.next = 8;
+                break;
+              }
+
+              _context.t1 = void 0;
+              _context.next = 9;
+              break;
+
+            case 8:
+              _context.t1 = _yield$fetch.values;
+
+            case 9:
+              _context.t2 = _yield$fetch$values = _context.t1;
+
+              if (!(_context.t2 != null)) {
+                _context.next = 14;
+                break;
+              }
+
+              _context.t3 = _yield$fetch$values;
+              _context.next = 15;
+              break;
+
+            case 14:
+              _context.t3 = [];
+
+            case 15:
+              vendors = _context.t3;
+              console.log("dale", "useBrands", vendors);
+              return _context.abrupt("return", Array.from(new Set(vendors).values()).map(function (v) {
+                return {
+                  entityId: v,
+                  name: v,
+                  path: "brands/" + v
+                };
+              }));
+
+            case 18:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  useHook: function useHook(_ref2) {
+    var useData = _ref2.useData;
+    return function (input) {
+      var response = useData({
+        swrOptions: _extends({
+          revalidateOnFocus: false
+        }, input == null ? void 0 : input.swrOptions)
+      });
+      return React.useMemo(function () {
+        return Object.create(response, {
+          isEmpty: {
+            get: function get() {
+              var _response$data$length, _response$data;
+
+              return ((_response$data$length = (_response$data = response.data) == null ? void 0 : _response$data.length) != null ? _response$data$length : 0) <= 0;
+            },
+            enumerable: true
+          }
+        });
+      }, [response]);
+    };
+  }
+};
+
 var fetcher = /*#__PURE__*/function () {
   var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(_ref) {
     var _ref$method, method, variables, query, callSwell, _callSwell;
@@ -1692,6 +1863,10 @@ var getSwellProvider = function getSwellProvider(storeId, publicKey) {
     },
     products: {
       useSearch: handler$4
+    },
+    site: {
+      useCategories: handler$5,
+      useBrands: handler$6
     }
   };
 };
@@ -1711,9 +1886,6 @@ var commerceProviderMeta = {
   name: "plasmic-commerce-swell-provider",
   displayName: "Swell Provider",
   props: {
-    children: {
-      type: "slot"
-    },
     storeId: "string",
     publicKey: "string"
   },
@@ -1725,20 +1897,13 @@ function CommerceProviderComponent(props) {
   var storeId = props.storeId,
       publicKey = props.publicKey,
       children = props.children;
-
-  if (!storeId) {
-    return React__default.createElement("p", null, " You must set the store id ");
-  } else if (!publicKey) {
-    return React__default.createElement("p", null, " You must set the public key ");
-  }
-
   var CommerceProvider = getCommerceProvider(storeId, publicKey);
   return React__default.createElement(CommerceProvider, null, children);
 }
 
 function registerCommerceProvider(loader, customCommerceProviderMeta) {
   var doRegisterComponent = function doRegisterComponent() {
-    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+    return loader ? loader.registerGlobalContext.apply(loader, arguments) : registerGlobalContext.apply(void 0, arguments);
   };
 
   doRegisterComponent(CommerceProviderComponent, customCommerceProviderMeta != null ? customCommerceProviderMeta : commerceProviderMeta);