@plasmicpkgs/commerce-shopify 0.0.1 → 0.0.6

package/dist/commerce-shopify.esm.js

@@ -1,8 +1,8 @@
-import registerComponent from '@plasmicapp/host/registerComponent';
 import React, { useMemo, useCallback } from 'react';
 import { FetcherError, ValidationError, CommerceError, useCart, useCommerce as useCommerce$1, getCommerceProvider as getCommerceProvider$1 } from '@plasmicpkgs/commerce';
 import Cookies from 'js-cookie';
 import debounce from 'lodash.debounce';
+import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
 
 /*
   Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
@@ -173,9 +173,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([])));
@@ -189,8 +189,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,
@@ -304,9 +305,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
@@ -499,13 +500,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] };
@@ -824,14 +825,19 @@ 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);
+  }
 }
 });
 
@@ -1235,6 +1241,9 @@ var colorMap = {
   yellowgreen: '#9ACD32'
 };
 
+var _excluded = ["originalSrc"],
+    _excluded2 = ["id", "title", "vendor", "images", "variants", "description", "descriptionHtml", "handle", "priceRange", "options", "metafields"];
+
 var money = function money(_ref) {
   var amount = _ref.amount,
       currencyCode = _ref.currencyCode;
@@ -1281,7 +1290,7 @@ var normalizeProductImages = function normalizeProductImages(_ref3) {
   return edges == null ? void 0 : edges.map(function (_ref4) {
     var _ref4$node = _ref4.node,
         url = _ref4$node.originalSrc,
-        rest = _objectWithoutPropertiesLoose(_ref4$node, ["originalSrc"]);
+        rest = _objectWithoutPropertiesLoose(_ref4$node, _excluded);
 
     return _extends({
       url: url
@@ -1336,7 +1345,7 @@ function normalizeProduct(_ref8) {
       handle = _ref8.handle,
       priceRange = _ref8.priceRange,
       options = _ref8.options,
-      rest = _objectWithoutPropertiesLoose(_ref8, ["id", "title", "vendor", "images", "variants", "description", "descriptionHtml", "handle", "priceRange", "options", "metafields"]);
+      rest = _objectWithoutPropertiesLoose(_ref8, _excluded2);
 
   return _extends({
     id: id,
@@ -1422,19 +1431,21 @@ export const normalizePage = (
 
 export const normalizePages = (edges: PageEdge[], locale?: string): Page[] =>
   edges?.map((edge) => normalizePage(edge.node, locale))
-
-export const normalizeCategory = ({
-  title: name,
-  handle,
-  id,
-}: Collection): Category => ({
-  id,
-  name,
-  slug: handle,
-  path: `/${handle}`,
-})
 */
 
+
+var normalizeCategory = function normalizeCategory(_ref10) {
+  var name = _ref10.title,
+      handle = _ref10.handle,
+      id = _ref10.id;
+  return {
+    id: id,
+    name: name,
+    slug: handle,
+    path: "/" + handle
+  };
+};
+
 /*
   Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
   Changes: None
@@ -1477,6 +1488,14 @@ var checkoutToCart = function checkoutToCart(checkoutPayload) {
   return normalizeCart(checkoutPayload == null ? void 0 : checkoutPayload.checkout);
 };
 
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: None
+*/
+var getSiteCollectionsQuery =
+/* GraphQL */
+"\n  query getSiteCollections($first: Int!) {\n    collections(first: $first) {\n      edges {\n        node {\n          id\n          title\n          handle\n        }\n      }\n    }\n  }\n";
+
 /*
   Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
   Changes:
@@ -1484,11 +1503,19 @@ var checkoutToCart = function checkoutToCart(checkoutPayload) {
 */
 var productConnectionFragment =
 /* GraphQL */
-"\n  fragment productConnection on ProductConnection {\n    pageInfo {\n      hasNextPage\n      hasPreviousPage\n    }\n    edges {\n      node {\n        id\n        title\n        vendor\n        handle\n        priceRange {\n          minVariantPrice {\n            amount\n            currencyCode\n          }\n        }\n        options {\n          id\n          name\n          values\n        }\n        variants(first: 250) {\n          pageInfo {\n            hasNextPage\n            hasPreviousPage\n          }\n          edges {\n            node {\n              id\n              title\n              sku\n              availableForSale\n              requiresShipping\n              selectedOptions {\n                name\n                value\n              }\n              priceV2 {\n                amount\n                currencyCode\n              }\n              compareAtPriceV2 {\n                amount\n                currencyCode\n              }\n            }\n          }\n        }\n        images(first: 250) {\n          pageInfo {\n            hasNextPage\n            hasPreviousPage\n          }\n          edges {\n            node {\n              originalSrc\n              altText\n              width\n              height\n            }\n          }\n        }\n      }\n    }\n  }\n";
+"\n  fragment productConnection on ProductConnection {\n    pageInfo {\n      hasNextPage\n      hasPreviousPage\n    }\n    edges {\n      node {\n        id\n        title\n        vendor\n        handle\n        description\n        descriptionHtml\n        priceRange {\n          minVariantPrice {\n            amount\n            currencyCode\n          }\n        }\n        options {\n          id\n          name\n          values\n        }\n        variants(first: 250) {\n          pageInfo {\n            hasNextPage\n            hasPreviousPage\n          }\n          edges {\n            node {\n              id\n              title\n              sku\n              availableForSale\n              requiresShipping\n              selectedOptions {\n                name\n                value\n              }\n              priceV2 {\n                amount\n                currencyCode\n              }\n              compareAtPriceV2 {\n                amount\n                currencyCode\n              }\n            }\n          }\n        }\n        images(first: 250) {\n          pageInfo {\n            hasNextPage\n            hasPreviousPage\n          }\n          edges {\n            node {\n              originalSrc\n              altText\n              width\n              height\n            }\n          }\n        }\n      }\n    }\n  }\n";
 var getAllProductsQuery =
 /* GraphQL */
 "\n  query getAllProducts(\n    $first: Int = 250\n    $query: String = \"\"\n    $sortKey: ProductSortKeys = RELEVANCE\n    $reverse: Boolean = false\n  ) {\n    products(\n      first: $first\n      sortKey: $sortKey\n      reverse: $reverse\n      query: $query\n    ) {\n      ...productConnection\n    }\n  }\n\n  " + productConnectionFragment + "\n";
 
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: None
+*/
+var getAllProductVendors =
+/* GraphQL */
+"\n  query getAllProductVendors($first: Int = 250, $cursor: String) {\n    products(first: $first, after: $cursor) {\n      pageInfo {\n        hasNextPage\n        hasPreviousPage\n      }\n      edges {\n        node {\n          vendor\n        }\n        cursor\n      }\n    }\n  }\n";
+
 /*
   Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
   Changes: None
@@ -1560,7 +1587,7 @@ var handler = {
               products = brandId ? (_data$node = data.node) == null ? void 0 : (_data$node$products = _data$node.products) == null ? void 0 : (_data$node$products$e = _data$node$products.edges) == null ? void 0 : _data$node$products$e.filter(function (_ref2) {
                 var vendor = _ref2.node.vendor;
                 return vendor.replace(/\s+/g, '-').toLowerCase() === ("" + brandId).toLowerCase();
-              }).slice(0, input.count) : (_data$node2 = data.node) == null ? void 0 : (_data$node2$products = _data$node2.products) == null ? void 0 : _data$node2$products.edges;
+              }).slice(0, input.count) : (_data$node2 = data.node) == null ? void 0 : (_data$node2$products = _data$node2.products) == null ? void 0 : _data$node2$products.edges.slice(0, input.count);
               _context.next = 15;
               break;
 
@@ -2044,6 +2071,136 @@ var handler$4 = {
   }
 };
 
+var handler$5 = {
+  fetchOptions: {
+    query: getSiteCollectionsQuery
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+      var _data$collections$edg, _data$collections, _data$collections$edg2;
+
+      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: getSiteCollectionsQuery,
+                variables: {
+                  first: 250
+                }
+              });
+
+            case 3:
+              data = _context.sent;
+              console.log("dale", "useCategories", data);
+              return _context.abrupt("return", (_data$collections$edg = (_data$collections = data.collections) == null ? void 0 : (_data$collections$edg2 = _data$collections.edges) == null ? void 0 : _data$collections$edg2.map(function (_ref2) {
+                var node = _ref2.node;
+                return normalizeCategory(node);
+              })) != null ? _data$collections$edg : []);
+
+            case 6:
+            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 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: getAllProductVendors
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+      var fetch, data, vendorsStrings;
+      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: getAllProductVendors,
+                variables: {
+                  first: 250
+                }
+              });
+
+            case 3:
+              data = _context.sent;
+              vendorsStrings = data.products.edges.map(function (_ref2) {
+                var vendor = _ref2.node.vendor;
+                return vendor;
+              });
+              return _context.abrupt("return", Array.from(new Set(vendorsStrings).values()).map(function (v) {
+                var id = v.replace(/\s+/g, '-').toLowerCase();
+                return {
+                  entityId: id,
+                  name: v,
+                  path: "brands/" + id
+                };
+              }));
+
+            case 6:
+            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 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 _excluded$1 = ["locale"];
 var getFetcher = function getFetcher(storeDomain, accessToken) {
   return /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(_ref) {
@@ -2054,7 +2211,7 @@ var getFetcher = function getFetcher(storeDomain, accessToken) {
           switch (_context.prev = _context.next) {
             case 0:
               _ref$url = _ref.url, url = _ref$url === void 0 ? "https://" + storeDomain + "/api/2021-07/graphql.json" : _ref$url, _ref$method = _ref.method, method = _ref$method === void 0 ? 'POST' : _ref$method, variables = _ref.variables, query = _ref.query;
-              _ref3 = variables != null ? variables : {}, locale = _ref3.locale, vars = _objectWithoutPropertiesLoose(_ref3, ["locale"]);
+              _ref3 = variables != null ? variables : {}, locale = _ref3.locale, vars = _objectWithoutPropertiesLoose(_ref3, _excluded$1);
               _context.t0 = handleFetchResponse;
               _context.next = 5;
               return fetch(url, {
@@ -2108,6 +2265,10 @@ var getShopifyProvider = function getShopifyProvider(storeDomain, accessToken) {
     fetcher: getFetcher(storeDomain, accessToken),
     products: {
       useSearch: handler
+    },
+    site: {
+      useCategories: handler$5,
+      useBrands: handler$6
     }
   };
 };
@@ -2128,9 +2289,6 @@ var commerceProviderMeta = {
   name: "plasmic-commerce-shopify-provider",
   displayName: "Shopify Provider",
   props: {
-    children: {
-      type: "slot"
-    },
     storeDomain: "string",
     accessToken: "string"
   },
@@ -2142,20 +2300,13 @@ function CommerceProviderComponent(props) {
   var storeDomain = props.storeDomain,
       accessToken = props.accessToken,
       children = props.children;
-
-  if (!storeDomain) {
-    return React.createElement("p", null, " You must set the store domain url ");
-  } else if (!accessToken) {
-    return React.createElement("p", null, " You must set the access token ");
-  }
-
   var CommerceProvider = getCommerceProvider(storeDomain, accessToken);
-  return React.createElement(CommerceProvider, null, React.createElement("div", null, children));
+  return React.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);