Updated Saleor Provider (#356)

* Initial work, copied from the Shopify provider

* Added basis setup and type generation for the products queries

* refactor: adjust the types

* task: relax the Node.js constraint

* fix: page/product properties

* disable unknown fields

* mention Saleor in the README

* setup debugging for Next.js

* Check nextjs-commerce bug if no images are added for a product

* fix: client/server pecularities for env visibility

Must prefix with `NEXT_PUBLIC_` so that the API URL is
visible on the client

* re: make search work with Saleor API (WIP)

* task: update deps

* task: move to Webpack 5.x

* saleor: initial cart integration

* update deps

* saleor: shall the cart appear!

* task: remove deprecated packages

* saleor: adding/removing from the cart

* saleor: preliminary signup process

* saleor: fix the prices in the cart

* update deps

* update deps

* Added the options for a variant to the product page

* Mapped options to variants

* Mapped options to variants

* saleor: refine the auth process

* saleor: remove unused code

* saleor: handle customer find via refresh

temporary solution

* saleor: update deps

* saleor: fix the session handling

* saleor: fix the variants

* saleor: simplify the naming for GraphQL statements

* saleor: fix the type for collection

* saleor: arrange the error codes

* saleor: integrate collections

* saleor: fix product sorting

* saleor: set cookie location

* saleor: update the schema

* saleor: attach checkout to customer

* saleor: fix the checkout flow

* saleor: unify GraphQL naming approach

* task: update deps

* Add the env variables for saleor to the template

* task: prettier

* saleor: stub API for build/typescript compilation

thanks @cond0r

* task: temporarily disable for the `build`

* saleor: refactor GraphQL queries

* saleor: adjust the config

* task: update dependencies

* revert: Next.js to `10.0.9`

* saleor: fix the checkout fetch query

* task: update dependencies

* saleor: adapt for displaying featured products

* saleor: update the provider structure

* saleor: make the home page representable

* feature/cart: display the variant name (cond)

Co-authored-by: Patryk Zawadzki <patrys@room-303.com>
Co-authored-by: royderks <10717410+royderks@users.noreply.github.com>

framework/saleor/auth/use-login.tsx

@@ -0,0 +1,63 @@
+import { useCallback } from 'react'
+
+import type { MutationHook } from '@commerce/utils/types'
+import { CommerceError } from '@commerce/utils/errors'
+import useCustomer from '../customer/use-customer'
+import * as mutation from '../utils/mutations'
+import { Mutation, MutationTokenCreateArgs } from '../schema'
+import useLogin, { UseLogin } from '@commerce/auth/use-login'
+import { setCSRFToken, setToken, throwUserErrors, checkoutAttach, getCheckoutId } from '../utils'
+import { LoginHook } from '@commerce/types/login'
+
+export default useLogin as UseLogin<typeof handler>
+
+export const handler: MutationHook<LoginHook> = {
+  fetchOptions: {
+    query: mutation.SessionCreate,
+  },
+  async fetcher({ input: { email, password }, options, fetch }) {
+    if (!(email && password)) {
+      throw new CommerceError({
+        message: 'A first name, last name, email and password are required to login',
+      })
+    }
+
+    const { tokenCreate } = await fetch<Mutation, MutationTokenCreateArgs>({
+      ...options,
+      variables: { email, password },
+    })
+
+    throwUserErrors(tokenCreate?.errors)
+
+    const { token, csrfToken } = tokenCreate!
+
+    if (token && csrfToken) {
+      setToken(token)
+      setCSRFToken(csrfToken)
+
+      const { checkoutId } = getCheckoutId()
+      checkoutAttach(fetch, {
+        variables: { checkoutId },
+        headers: {
+          Authorization: `JWT ${token}`,
+        },
+      })
+    }
+
+    return null
+  },
+  useHook:
+    ({ fetch }) =>
+    () => {
+      const { revalidate } = useCustomer()
+
+      return useCallback(
+        async function login(input) {
+          const data = await fetch({ input })
+          await revalidate()
+          return data
+        },
+        [fetch, revalidate]
+      )
+    },
+}

framework/saleor/auth/use-logout.tsx

@@ -0,0 +1,41 @@
+import { useCallback } from 'react'
+import type { MutationHook } from '@commerce/utils/types'
+import useLogout, { UseLogout } from '@commerce/auth/use-logout'
+import useCustomer from '../customer/use-customer'
+import * as mutation from '../utils/mutations'
+import { setCSRFToken, setToken, setCheckoutToken } from '../utils/customer-token'
+import { LogoutHook } from '@commerce/types/logout'
+
+export default useLogout as UseLogout<typeof handler>
+
+export const handler: MutationHook<LogoutHook> = {
+  fetchOptions: {
+    query: mutation.SessionDestroy,
+  },
+  async fetcher({ options, fetch }) {
+    await fetch({
+      ...options,
+      variables: {},
+    })
+
+    setToken()
+    setCSRFToken()
+    setCheckoutToken()
+
+    return null
+  },
+  useHook:
+    ({ fetch }) =>
+    () => {
+      const { mutate } = useCustomer()
+
+      return useCallback(
+        async function logout() {
+          const data = await fetch()
+          await mutate(null, false)
+          return data
+        },
+        [fetch, mutate]
+      )
+    },
+}

framework/saleor/auth/use-signup.tsx

@@ -0,0 +1,56 @@
+import { useCallback } from 'react'
+import type { MutationHook } from '@commerce/utils/types'
+import { CommerceError } from '@commerce/utils/errors'
+import useSignup, { UseSignup } from '@commerce/auth/use-signup'
+import useCustomer from '../customer/use-customer'
+import { AccountRegisterInput, Mutation, MutationAccountRegisterArgs } from '../schema'
+
+import * as mutation from '../utils/mutations'
+import { handleAutomaticLogin, throwUserErrors } from '../utils'
+import { SignupHook } from '@commerce/types/signup'
+
+export default useSignup as UseSignup<typeof handler>
+
+export const handler: MutationHook<SignupHook> = {
+  fetchOptions: {
+    query: mutation.AccountCreate,
+  },
+  async fetcher({ input: { email, password }, options, fetch }) {
+    if (!(email && password)) {
+      throw new CommerceError({
+        message: 'A first name, last name, email and password are required to signup',
+      })
+    }
+
+    const { customerCreate } = await fetch<Mutation, MutationAccountRegisterArgs>({
+      ...options,
+      variables: {
+        input: {
+          email,
+          password,
+          redirectUrl: 'https://localhost.com',
+          channel: 'default-channel'
+        },
+      },
+    })
+
+    throwUserErrors(customerCreate?.errors)
+    await handleAutomaticLogin(fetch, { email, password })
+
+    return null
+  },
+  useHook:
+    ({ fetch }) =>
+    () => {
+      const { revalidate } = useCustomer()
+
+      return useCallback(
+        async function signup(input) {
+          const data = await fetch({ input })
+          await revalidate()
+          return data
+        },
+        [fetch, revalidate]
+      )
+    },
+}