@graphcommerce/magento-customer 5.2.0-canary.8 → 6.0.0-canary.20

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Change Log
 
+## 6.0.0-canary.20
+
+## 5.2.0-canary.19
+
+## 5.2.0-canary.18
+
+## 5.2.0-canary.17
+
+### Patch Changes
+
+- [#1801](https://github.com/graphcommerce-org/graphcommerce/pull/1801) [`12263d608`](https://github.com/graphcommerce-org/graphcommerce/commit/12263d6080c1e550985a42f140ffa9d95d0b0335) - Add sign up form translations ([@StefanAngenent](https://github.com/StefanAngenent))
+
+## 5.2.0-canary.16
+
+## 5.2.0-canary.15
+
+## 5.2.0-canary.14
+
+## 5.2.0-canary.13
+
+## 5.2.0-canary.12
+
+## 5.2.0-canary.11
+
+## 5.2.0-canary.10
+
+## 5.2.0-canary.9
+
 ## 5.2.0-canary.8
 
 ### Minor Changes

package/Config.graphqls

@@ -0,0 +1,11 @@
+extend input GraphCommerceConfig {
+  """
+  Due to a limitation in the GraphQL API of Magento 2, we need to know if the
+  customer requires email confirmation.
+
+  This value should match Magento 2's configuration value for
+  `customer/create_account/confirm` and should be removed once we can query
+  """
+  customerRequireEmailConfirmation: Boolean
+  # @deprecated(reason: "Should be replaced with a Magento configuration instead.")
+}

package/README.md

@@ -0,0 +1,6 @@
+# @graphcommerce/magento-customer
+
+## Configuration
+
+Configure the following ([configuration values](./Config.graphqls)) in your
+graphcommerce.config.js

package/components/AccountSignInUpForm/AccountSignInUpForm.tsx

@@ -1,11 +1,3 @@
-import {
-  ApolloCustomerErrorAlert,
-  SignInForm,
-  SignUpForm,
-  useFormIsEmailAvailable,
-  CustomerDocument,
-} from '@graphcommerce/magento-customer'
-import { useCustomerQuery } from '@graphcommerce/magento-customer/hooks'
 import {
   Button,
   FormDiv,
@@ -18,6 +10,11 @@ import { emailPattern } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/react'
 import { Box, CircularProgress, Link, SxProps, TextField, Theme, Typography } from '@mui/material'
 import router from 'next/router'
+import { CustomerDocument, useFormIsEmailAvailable } from '../../hooks'
+import { useCustomerQuery } from '../../hooks/useCustomerQuery'
+import { ApolloCustomerErrorAlert } from '../ApolloCustomerError'
+import { SignInForm } from '../SignInForm/SignInForm'
+import { SignUpForm } from '../SignUpForm/SignUpForm'
 
 export type AccountSignInUpFormProps = { sx?: SxProps<Theme> }
 

package/components/SignUpForm/SignUpForm.tsx

@@ -13,7 +13,7 @@ import { SignUpConfirmDocument } from './SignUpConfirm.gql'
 
 type SignUpFormProps = { email: string }
 
-const requireEmailValidation = process.env.CUSTOMER_REQUIRE_EMAIL_CONFIRMATION === '1'
+const requireEmailValidation = process.env.BUILD_FLAG_CUSTOMER_REQUIRE_EMAIL_CONFIRMATION === '1'
 
 export function SignUpForm(props: SignUpFormProps) {
   const { email } = props

package/components/SignUpForm/SignUpFormInline.tsx

@@ -77,14 +77,16 @@ export function SignUpFormInline({
           variant='outlined'
           type='password'
           error={!!formState.errors.confirmPassword || !!error?.message}
-          label='Confirm password'
+          label={<Trans id='Confirm password' />}
           autoComplete='new-password'
           required
           {...muiRegister('confirmPassword', {
             required: true,
             validate: (value) => value === watchPassword,
           })}
-          helperText={!!formState.errors.confirmPassword && 'Passwords should match'}
+          helperText={
+            !!formState.errors.confirmPassword && <Trans id="Passwords should match" />
+          }
           disabled={formState.isSubmitting}
         />
       </FormRow>
@@ -108,7 +110,7 @@ export function SignUpFormInline({
               color='secondary'
               variant='pill'
             >
-              Create Account
+              <Trans id='Create Account' />
             </Button>
           </Box>
         </FormRow>

package/hooks/useCustomerQuery.ts

@@ -1,8 +1,14 @@
-import { useQuery, TypedDocumentNode, QueryHookOptions, QueryResult } from '@graphcommerce/graphql'
+import {
+  useQuery,
+  TypedDocumentNode,
+  QueryHookOptions,
+  QueryResult,
+  OperationVariables,
+} from '@graphcommerce/graphql'
 import { useCustomerSession } from './useCustomerSession'
 
 /** Will only execute when the customer is signed in. */
-export function useCustomerQuery<Q, V>(
+export function useCustomerQuery<Q, V extends OperationVariables>(
   document: TypedDocumentNode<Q, V>,
   options: QueryHookOptions<Q, V> & { hydration?: boolean } = {},
 ): QueryResult<Q, V> {

package/hooks/useGuestQuery.ts

@@ -1,8 +1,13 @@
-import { useQuery, TypedDocumentNode, QueryHookOptions } from '@graphcommerce/graphql'
+import {
+  useQuery,
+  TypedDocumentNode,
+  QueryHookOptions,
+  OperationVariables,
+} from '@graphcommerce/graphql'
 import { useCustomerSession } from './useCustomerSession'
 
 /** Will only execute when the customer is not signed in. */
-export function useGuestQuery<Q, V>(
+export function useGuestQuery<Q, V extends OperationVariables>(
   document: TypedDocumentNode<Q, V>,
   queryOptions: QueryHookOptions<Q, V> & { hydration?: boolean } = {},
 ) {

package/link/createCustomerTokenLink.ts

@@ -1,14 +1,9 @@
-import {
-  ApolloCache,
-  ApolloLink,
-  ClientContext,
-  NormalizedCacheObject,
-  setContext,
-} from '@graphcommerce/graphql'
+import { NormalizedCacheObject } from '@graphcommerce/graphql'
+import { ApolloLink, ApolloCache, setContext } from '@graphcommerce/graphql/apollo'
 import { CustomerTokenDocument } from '../hooks'
 import { onAuthorizationError } from './onAuthenticationError'
 
-export const addTokenHeader = setContext((_, context: ClientContext) => {
+export const addTokenHeader = setContext((_, context) => {
   if (!context.headers) context.headers = {}
   try {
     const query = context.cache.readQuery({ query: CustomerTokenDocument })

package/link/onAuthenticationError.ts

@@ -1,4 +1,5 @@
-import { InMemoryCache, onError } from '@graphcommerce/graphql'
+import { InMemoryCache } from '@graphcommerce/graphql'
+import { onError } from '@graphcommerce/graphql/apollo'
 import { CustomerTokenDocument } from '../hooks/CustomerToken.gql'
 
 function invalidateToken(cache: InMemoryCache) {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-customer",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "5.2.0-canary.8",
+  "version": "6.0.0-canary.20",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,20 +12,20 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "5.2.0-canary.8",
-    "@graphcommerce/prettier-config-pwa": "5.2.0-canary.8",
-    "@graphcommerce/typescript-config-pwa": "5.2.0-canary.8"
+    "@graphcommerce/eslint-config-pwa": "6.0.0-canary.20",
+    "@graphcommerce/prettier-config-pwa": "6.0.0-canary.20",
+    "@graphcommerce/typescript-config-pwa": "6.0.0-canary.20"
   },
   "dependencies": {
-    "@graphcommerce/ecommerce-ui": "5.2.0-canary.8",
-    "@graphcommerce/framer-utils": "5.2.0-canary.8",
-    "@graphcommerce/graphql": "5.2.0-canary.8",
-    "@graphcommerce/graphql-mesh": "5.2.0-canary.8",
-    "@graphcommerce/image": "5.2.0-canary.8",
-    "@graphcommerce/magento-graphql": "5.2.0-canary.8",
-    "@graphcommerce/magento-store": "5.2.0-canary.8",
-    "@graphcommerce/next-ui": "5.2.0-canary.8",
-    "@graphcommerce/react-hook-form": "5.2.0-canary.8"
+    "@graphcommerce/ecommerce-ui": "6.0.0-canary.20",
+    "@graphcommerce/framer-utils": "6.0.0-canary.20",
+    "@graphcommerce/graphql": "6.0.0-canary.20",
+    "@graphcommerce/graphql-mesh": "6.0.0-canary.20",
+    "@graphcommerce/image": "6.0.0-canary.20",
+    "@graphcommerce/magento-graphql": "6.0.0-canary.20",
+    "@graphcommerce/magento-store": "6.0.0-canary.20",
+    "@graphcommerce/next-ui": "6.0.0-canary.20",
+    "@graphcommerce/react-hook-form": "6.0.0-canary.20"
   },
   "peerDependencies": {
     "@lingui/react": "^3.13.2",