Merge branch 'main' of github.com:vercel/commerce into outgrow-reaction-commerce-provider

.env.template

@@ -20,3 +20,6 @@ NEXT_PUBLIC_SWELL_PUBLIC_KEY=
 
 NEXT_PUBLIC_SALEOR_API_URL=
 NEXT_PUBLIC_SALEOR_CHANNEL=
+
+NEXT_PUBLIC_VENDURE_SHOP_API_URL=
+NEXT_PUBLIC_VENDURE_LOCAL_URL=

README.md

@@ -151,5 +151,5 @@ Next, you're free to customize the starter. More updates coming soon. Stay tuned
 After Email confirmation, Checkout should be manually enabled through BigCommerce platform. Look for "Review & test your store" section through BigCommerce's dashboard.
 <br>
 <br>
-BigCommerce team has been notified and they plan to add more detailed about this subject.
+BigCommerce team has been notified and they plan to add more details about this subject.
 </details>

assets/base.css

@@ -77,7 +77,6 @@ html {
   height: 100%;
   box-sizing: border-box;
   touch-action: manipulation;
-  font-feature-settings: 'case' 1, 'rlig' 1, 'calt' 0;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

components/auth/LoginView.tsx

@@ -38,6 +38,7 @@ const LoginView: FC<Props> = () => {
     } catch ({ errors }) {
       setMessage(errors[0].message)
       setLoading(false)
+      setDisabled(false)
     }
   }
 

components/product/ProductCard/ProductCard.tsx

@@ -7,6 +7,7 @@ import Image, { ImageProps } from 'next/image'
 import WishlistButton from '@components/wishlist/WishlistButton'
 import usePrice from '@framework/product/use-price'
 import ProductTag from '../ProductTag'
+
 interface Props {
   className?: string
   product: Product
@@ -23,7 +24,6 @@ const ProductCard: FC<Props> = ({
   className,
   noNameTag = false,
   variant = 'default',
-  ...props
 }) => {
   const { price } = usePrice({
     amount: product.price.value,
@@ -38,7 +38,7 @@ const ProductCard: FC<Props> = ({
   )
 
   return (
-    <Link href={`/product/${product.slug}`} {...props}>
+    <Link href={`/product/${product.slug}`}>
       <a className={rootClassName}>
         {variant === 'slim' && (
           <>

framework/bigcommerce/auth/use-login.tsx

@@ -16,7 +16,7 @@ export const handler: MutationHook<LoginHook> = {
     if (!(email && password)) {
       throw new CommerceError({
         message:
-          'A first name, last name, email and password are required to login',
+          'An email and password are required to login',
       })
     }
 

framework/bigcommerce/product/use-search.tsx

@@ -22,7 +22,7 @@ export const handler: SWRHook<SearchProductsHook> = {
     const url = new URL(options.url!, 'http://a')
 
     if (search) url.searchParams.set('search', search)
-    if (Number.isInteger(categoryId))
+    if (Number.isInteger(Number(categoryId)))
       url.searchParams.set('categoryId', String(categoryId))
     if (Number.isInteger(brandId))
       url.searchParams.set('brandId', String(brandId))

framework/saleor/README.md

@@ -1,19 +1,22 @@
 ## Saleor Provider
 
-**Demo:** TBD
+**Demo:** https://saleor.vercel.store/
 
-Before getting starter, a [Saleor](https://saleor.io/) account and store is required before using the provider.
+You need a [Saleor](https://saleor.io/) instance, either in the cloud or self-hosted.
 
-Next, copy the `.env.template` file in this directory to `.env.local` in the main directory (which will be ignored by Git):
+This provider requires Saleor **3.x** or higher.
+
+Copy the `.env.template` file in this directory to `.env.local` in the main directory (which will be ignored by Git):
 
 ```bash
 cp framework/saleor/.env.template .env.local
 ```
 
-Then, set the environment variables in `.env.local` to match the ones from your store.
+Then, set the environment following variables in your `.env.local`. Both, `NEXT_PUBLIC_SALEOR_API_URL` and `COMMERCE_IMAGE_HOST` must point to your own Saleor instance.  
 
-## Contribute
-
-Our commitment to Open Source can be found [here](https://vercel.com/oss).
-
-If you find an issue with the provider or want a new feature, feel free to open a PR or [create a new issue](https://github.com/vercel/commerce/issues).
+```
+COMMERCE_PROVIDER=saleor
+NEXT_PUBLIC_SALEOR_API_URL=https://vercel.saleor.cloud/graphql/
+NEXT_PUBLIC_SALEOR_CHANNEL=default-channel
+COMMERCE_IMAGE_HOST=vercel.saleor.cloud
+```

framework/shopify/auth/use-login.tsx

@@ -22,7 +22,7 @@ export const handler: MutationHook<LoginHook> = {
     if (!(email && password)) {
       throw new CommerceError({
         message:
-          'A first name, last name, email and password are required to login',
+          'An email and password are required to login',
       })
     }
 

framework/vendure/README.md

@@ -13,6 +13,8 @@ UI hooks and data fetching methods built from the ground up for e-commerce appli
    ```
 3. With the Vendure server running, start this project using `yarn dev` or `npm run dev`.
 
+**Note:** The Vendure server needs to be configured to use the "cookie" tokenMethod rather than "bearer" to work with this provider. For more information see the [Managing Sessions docs](https://www.vendure.io/docs/storefront/managing-sessions/).
+
 ## Known Limitations
 
 1. Vendure does not ship with built-in wishlist functionality.