@plasmicpkgs/commerce-shopify 0.0.7 → 0.0.10

package/dist/cart/use-cart.d.ts

@@ -1,13 +1,5 @@
 import { SWRHook } from '@plasmicpkgs/commerce';
 import { GetCartHook } from '../types/cart';
-declare const _default: (input?: {
-    swrOptions?: Partial<import("swr/dist/types").PublicConfiguration<import("@plasmicpkgs/commerce/dist/types/cart").Cart | null | undefined, import("@plasmicpkgs/commerce").CommerceError, import("@plasmicpkgs/commerce").HookFetcher<import("@plasmicpkgs/commerce/dist/types/cart").Cart | null | undefined, {
-        cartId?: string | undefined;
-    }, any>>> | undefined;
-} | undefined) => import("swr").SWRResponse<import("@plasmicpkgs/commerce/dist/types/cart").Cart | null | undefined, import("@plasmicpkgs/commerce").CommerceError> & {
-    isLoading: boolean;
-} & {
-    isEmpty: boolean;
-};
+declare const _default;
 export default _default;
 export declare const handler: SWRHook<GetCartHook>;

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

@@ -1471,6 +1471,18 @@ 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: 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
   Changes:
@@ -1478,7 +1490,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";
@@ -1613,6 +1625,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
   },
@@ -1691,7 +1791,7 @@ var handler$1 = {
   }
 };
 
-var handler$2 = {
+var handler$3 = {
   fetchOptions: {
     query: checkoutLineItemAddMutation
   },
@@ -1802,7 +1902,7 @@ var handler$2 = {
   }
 };
 
-var handler$3 = {
+var handler$4 = {
   fetchOptions: {
     query: checkoutLineItemRemoveMutation
   },
@@ -1901,7 +2001,7 @@ var handler$3 = {
   }
 };
 
-var handler$4 = {
+var handler$5 = {
   fetchOptions: {
     query: checkoutLineItemUpdateMutation
   },
@@ -1925,8 +2025,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
                 },
@@ -2046,7 +2146,7 @@ var handler$4 = {
   }
 };
 
-var handler$5 = {
+var handler$6 = {
   fetchOptions: {
     query: getSiteCollectionsQuery
   },
@@ -2108,7 +2208,7 @@ var handler$5 = {
   }
 };
 
-var handler$6 = {
+var handler$7 = {
   fetchOptions: {
     query: getAllProductVendors
   },
@@ -2185,7 +2285,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;
@@ -2232,18 +2332,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
     }
   };
 };
@@ -2267,6 +2368,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"
 };