@plasmicpkgs/commerce-shopify 0.0.8 → 0.0.11

package/dist/commerce-shopify.esm.js

@@ -1405,12 +1405,14 @@ export const normalizePages = (edges: PageEdge[], locale?: string): Page[] =>
 var normalizeCategory = function normalizeCategory(_ref10) {
   var name = _ref10.title,
       handle = _ref10.handle,
-      id = _ref10.id;
+      id = _ref10.id,
+      products = _ref10.products;
   return {
     id: id,
     name: name,
     slug: handle,
-    path: "/" + handle
+    path: "/" + handle,
+    isEmpty: products.edges.length === 0
   };
 };
 
@@ -1456,13 +1458,32 @@ var checkoutToCart = function checkoutToCart(checkoutPayload) {
   return normalizeCart(checkoutPayload == null ? void 0 : checkoutPayload.checkout);
 };
 
+var simpleProductConnection = "\nfragment simpleProductConnection on ProductConnection {\n  edges {\n    node {\n      id\n    }\n  }\n}\n";
+var collectionFieldsFragment = "\n  fragment collectionFieldsFragment on Collection {\n    id\n    title\n    handle,\n    products(first: $first) {\n      ...simpleProductConnection\n    }\n  }\n  " + simpleProductConnection + "\n";
+var getCollectionQueryById =
+/* GraphQL */
+"\n  query getSiteCollection($id: ID!, $first: Int = 1) {\n    collection(id: $id) {\n      ...collectionFieldsFragment\n    }\n  }\n  " + collectionFieldsFragment + "\n";
+
 /*
   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";
+"\n  query getSiteCollections($first: Int!) {\n    collections(first: $first) {\n      edges {\n        node {\n          ...collectionFieldsFragment\n        }\n      }\n    }\n  }\n\n  " + collectionFieldsFragment + "\n";
+
+/*
+  Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
+  Changes: Added query by product id
+*/
+var productFieldsFragment = "\n  fragment productFields on Product {\n    id\n    handle\n    availableForSale\n    title\n    productType\n    vendor\n    description\n    descriptionHtml\n    options {\n      id\n      name\n      values\n    }\n    priceRange {\n      maxVariantPrice {\n        amount\n        currencyCode\n      }\n      minVariantPrice {\n        amount\n        currencyCode\n      }\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";
+var getProductQueryBySlug =
+/* GraphQL */
+"\n  query getProductBySlug($slug: String!) {\n    productByHandle(handle: $slug) {\n      ...productFields\n    }\n  }\n\n  " + productFieldsFragment + "\n";
+var getProductQueryById =
+/* GraphQL */
+"\n  query getProductById($id: ID!) {\n    product(id: $id) {\n      ...productFields\n    }\n  }\n\n  " + productFieldsFragment + "\n";
 
 /*
   Forked from https://github.com/vercel/commerce/tree/main/packages/shopify/src
@@ -1471,7 +1492,7 @@ var getSiteCollectionsQuery =
 */
 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        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";
+"\n  fragment productConnection on ProductConnection {\n    pageInfo {\n      hasNextPage\n      hasPreviousPage\n    }\n    edges {\n      node {\n        id\n        handle\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";
@@ -1606,6 +1627,94 @@ var handler = {
 };
 
 var handler$1 = {
+  fetchOptions: {
+    query: getProductQueryBySlug
+  },
+  fetcher: function fetcher(_ref) {
+    return _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+      var input, options, fetch, id, product, data, _data;
+
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              input = _ref.input, options = _ref.options, fetch = _ref.fetch;
+              id = input.id;
+
+              if (id) {
+                _context.next = 4;
+                break;
+              }
+
+              return _context.abrupt("return", null);
+
+            case 4:
+              product = null;
+
+              if (!id.startsWith("gid://shopify")) {
+                _context.next = 12;
+                break;
+              }
+
+              _context.next = 8;
+              return fetch({
+                query: getProductQueryById,
+                variables: {
+                  id: id
+                }
+              });
+
+            case 8:
+              data = _context.sent;
+              product = data.product;
+              _context.next = 16;
+              break;
+
+            case 12:
+              _context.next = 14;
+              return fetch({
+                query: options.query,
+                variables: {
+                  slug: id
+                }
+              });
+
+            case 14:
+              _data = _context.sent;
+
+              if (_data.productByHandle) {
+                product = _data.productByHandle;
+              }
+
+            case 16:
+              return _context.abrupt("return", product ? normalizeProduct(product) : null);
+
+            case 17:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  useHook: function useHook(_ref2) {
+    var useData = _ref2.useData;
+    return function (input) {
+      if (input === void 0) {
+        input = {};
+      }
+
+      return useData({
+        input: [['id', input.id]],
+        swrOptions: _extends({
+          revalidateOnFocus: false
+        }, input.swrOptions)
+      });
+    };
+  }
+};
+
+var handler$2 = {
   fetchOptions: {
     query: getCheckoutQuery
   },
@@ -1684,7 +1793,7 @@ var handler$1 = {
   }
 };
 
-var handler$2 = {
+var handler$3 = {
   fetchOptions: {
     query: checkoutLineItemAddMutation
   },
@@ -1795,7 +1904,7 @@ var handler$2 = {
   }
 };
 
-var handler$3 = {
+var handler$4 = {
   fetchOptions: {
     query: checkoutLineItemRemoveMutation
   },
@@ -1894,7 +2003,7 @@ var handler$3 = {
   }
 };
 
-var handler$4 = {
+var handler$5 = {
   fetchOptions: {
     query: checkoutLineItemUpdateMutation
   },
@@ -1918,8 +2027,8 @@ var handler$4 = {
                 break;
               }
 
-              return _context.abrupt("return", handler$3.fetcher({
-                options: handler$3.fetchOptions,
+              return _context.abrupt("return", handler$4.fetcher({
+                options: handler$4.fetchOptions,
                 input: {
                   itemId: itemId
                 },
@@ -2039,37 +2148,55 @@ var handler$4 = {
   }
 };
 
-var handler$5 = {
+var handler$6 = {
   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 input, options, fetch, categoryId, _data$collections$edg, _data$collections, _data$collections$edg2, data, _data;
 
-      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;
+              input = _ref.input, options = _ref.options, fetch = _ref.fetch;
+              categoryId = input.categoryId;
+
+              if (categoryId) {
+                _context.next = 9;
+                break;
+              }
+
+              _context.next = 5;
               return fetch({
-                query: getSiteCollectionsQuery,
+                query: options.query,
                 variables: {
                   first: 250
                 }
               });
 
-            case 3:
+            case 5:
               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) {
+              return _context.abrupt("return", (_data$collections$edg = data == null ? void 0 : (_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 9:
+              _context.next = 11;
+              return fetch({
+                query: getCollectionQueryById,
+                variables: {
+                  id: categoryId
+                }
+              });
+
+            case 11:
+              _data = _context.sent;
+              return _context.abrupt("return", !!(_data != null && _data.collection) ? [normalizeCategory(_data == null ? void 0 : _data.collection)] : []);
+
+            case 13:
             case "end":
               return _context.stop();
           }
@@ -2081,6 +2208,7 @@ var handler$5 = {
     var useData = _ref3.useData;
     return function (input) {
       var response = useData({
+        input: [['categoryId', input == null ? void 0 : input.categoryId]],
         swrOptions: _extends({
           revalidateOnFocus: false
         }, input == null ? void 0 : input.swrOptions)
@@ -2101,7 +2229,7 @@ var handler$5 = {
   }
 };
 
-var handler$6 = {
+var handler$7 = {
   fetchOptions: {
     query: getAllProductVendors
   },
@@ -2178,7 +2306,7 @@ var getFetcher = function getFetcher(storeDomain, accessToken) {
         while (1) {
           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;
+              _ref$url = _ref.url, url = _ref$url === void 0 ? "https://" + storeDomain + "/api/2022-04/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, _excluded$1);
               _context.t0 = handleFetchResponse;
               _context.next = 5;
@@ -2225,18 +2353,19 @@ var getShopifyProvider = function getShopifyProvider(storeDomain, accessToken) {
     locale: 'en-us',
     cartCookie: SHOPIFY_CHECKOUT_ID_COOKIE,
     cart: {
-      useCart: handler$1,
-      useAddItem: handler$2,
-      useUpdateItem: handler$4,
-      useRemoveItem: handler$3
+      useCart: handler$2,
+      useAddItem: handler$3,
+      useUpdateItem: handler$5,
+      useRemoveItem: handler$4
     },
     fetcher: getFetcher(storeDomain, accessToken),
     products: {
-      useSearch: handler
+      useSearch: handler,
+      useProduct: handler$1
     },
     site: {
-      useCategories: handler$5,
-      useBrands: handler$6
+      useCategories: handler$6,
+      useBrands: handler$7
     }
   };
 };
@@ -2260,6 +2389,7 @@ var commerceProviderMeta = {
     storeDomain: "string",
     accessToken: "string"
   },
+  description: "Your store domain should look like **storename.myshopify.com**.\n    For your access token, get it by following [this video](https://www.youtube.com/watch?v=wB_6cM7tdv4).",
   importPath: "commerce-providers/shopify",
   importName: "ShopifyProvider"
 };