@graphcommerce/magento-customer 3.6.3 → 3.6.7

package/components/AccountAddresses/index.tsx

@@ -63,19 +63,17 @@ export default function AccountAddresses(props: AccountAddressesProps) {
   return (
     <>
       {((addresses && addresses.length === 0) || !addresses) && (
-        <>
-          <FullPageMessage
-            title={<Trans>You have no addresses saved yet</Trans>}
-            icon={<SvgImageSimple src={iconHome} size='xxl' />}
-            button={
-              <Link href='/account/addresses/add' passHref>
-                <Button size='large' variant='contained' color='primary'>
-                  <Trans>Add new address</Trans>
-                </Button>
-              </Link>
-            }
-          />
-        </>
+        <FullPageMessage
+          title={<Trans>You have no addresses saved yet</Trans>}
+          icon={<SvgImageSimple src={iconHome} size='xxl' />}
+          button={
+            <Link href='/account/addresses/add' passHref>
+              <Button size='large' variant='contained' color='primary'>
+                <Trans>Add new address</Trans>
+              </Button>
+            </Link>
+          }
+        />
       )}
 
       {addresses && addresses.length >= 1 && (

package/components/AddressFields/index.tsx

@@ -173,6 +173,7 @@ export default function AddressFields(props: AddressFieldsProps) {
               endAdornment: <InputCheckmark show={valid.regionId} select />,
             }}
           >
+            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
             <option value='' />
             {regionList.map((r) => {
               if (!r?.id) return null

package/components/AddressMultiLine/index.tsx

@@ -1,6 +1,6 @@
 import { useFindCountry } from '@graphcommerce/magento-store'
 import { UseStyles } from '@graphcommerce/next-ui'
-import { makeStyles, Theme, Typography } from '@material-ui/core'
+import { makeStyles, Typography } from '@material-ui/core'
 import { CustomerAddressFragment } from '../CreateCustomerAddressForm/CustomerAddress.gql'
 
 // exports.getEuMembers = function()
@@ -12,17 +12,7 @@ import { CustomerAddressFragment } from '../CreateCustomerAddressForm/CustomerAd
 // 	return exports.getEuMembers().indexOf(code.toUpperCase()) != -1;
 // };
 
-const useStyles = makeStyles(
-  (theme: Theme) => ({
-    title: {
-      // fontWeight: 'bold',
-      // paddingBottom: theme.spacings.xxs,
-    },
-  }),
-  {
-    name: 'AddressMultiLine',
-  },
-)
+const useStyles = makeStyles({ title: {} }, { name: 'AddressMultiLine' })
 
 type AddressMultiLineProps = CustomerAddressFragment & UseStyles<typeof useStyles>
 

package/components/ApolloCustomerError/ApolloCustomerErrorAlert.tsx

@@ -11,13 +11,11 @@ export default function ApolloCustomerErrorAlert(props: MagentoErrorAlertProps)
   const { error, unauthorized } = useExtractCustomerErrors(props)
 
   const action = unauthorized && (
-    <>
-      <NextLink href='/account/signin' passHref>
-        <Link>
-          <Trans>Create Account</Trans> / <Trans>Sign In</Trans>
-        </Link>
-      </NextLink>
-    </>
+    <NextLink href='/account/signin' passHref>
+      <Link>
+        <Trans>Create Account</Trans> / <Trans>Sign In</Trans>
+      </Link>
+    </NextLink>
   )
 
   return <ApolloErrorAlert error={error} graphqlErrorAlertProps={{ action }} />

package/components/ChangeNameForm/index.tsx

@@ -1,12 +1,4 @@
-import {
-  Button,
-  Form,
-  FormActions,
-  FormDivider,
-  MessageSnackbar,
-  iconCheckmark,
-  SvgImageSimple,
-} from '@graphcommerce/next-ui'
+import { Button, Form, FormActions, FormDivider, MessageSnackbar } from '@graphcommerce/next-ui'
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/macro'
 import React from 'react'

package/components/SignInForm/SignInForm.tsx

@@ -2,8 +2,8 @@ import { useQuery } from '@apollo/client'
 import { graphqlErrorByCategory } from '@graphcommerce/magento-graphql'
 import { FormRow, Button, FormActions } from '@graphcommerce/next-ui'
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
-import { t, Trans } from '@lingui/macro'
-import { FormControl, Link, makeStyles, TextField, Theme } from '@material-ui/core'
+import { Trans } from '@lingui/macro'
+import { FormControl, Link, makeStyles, TextField } from '@material-ui/core'
 import { Alert } from '@material-ui/lab'
 import PageLink from 'next/link'
 import React from 'react'
@@ -12,11 +12,11 @@ import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerError
 import { SignInDocument } from './SignIn.gql'
 
 const useStyles = makeStyles(
-  (theme: Theme) => ({
+  {
     forgotPass: {
       whiteSpace: 'nowrap',
     },
-  }),
+  },
   { name: 'SignIn' },
 )
 

package/components/SignInForm/SignInFormInline.tsx

@@ -1,6 +1,6 @@
-import { Button, Form } from '@graphcommerce/next-ui'
+import { Button } from '@graphcommerce/next-ui'
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
-import { t, Trans } from '@lingui/macro'
+import { Trans } from '@lingui/macro'
 import { makeStyles, TextField, Theme } from '@material-ui/core'
 import PageLink from 'next/link'
 import React, { PropsWithChildren } from 'react'

package/components/SignUpForm/SignUpForm.tsx

@@ -1,7 +1,7 @@
 import { graphqlErrorByCategory } from '@graphcommerce/magento-graphql'
 import { Button, FormActions, FormRow } from '@graphcommerce/next-ui'
 import { useFormGqlMutation, useFormPersist } from '@graphcommerce/react-hook-form'
-import { t, Trans } from '@lingui/macro'
+import { Trans } from '@lingui/macro'
 import { FormControlLabel, Switch, TextField } from '@material-ui/core'
 import React from 'react'
 import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerErrorAlert'

package/components/SignUpForm/SignUpFormInline.tsx

@@ -1,6 +1,6 @@
 import { Button, Form, FormRow } from '@graphcommerce/next-ui'
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
-import { t, Trans } from '@lingui/macro'
+import { Trans } from '@lingui/macro'
 import { makeStyles, TextField, Theme } from '@material-ui/core'
 import React, { PropsWithChildren } from 'react'
 import { SignUpMutationVariables, SignUpMutation, SignUpDocument } from './SignUp.gql'

package/link/createAuthLink.ts

@@ -2,19 +2,17 @@ import { ApolloCache, NormalizedCacheObject } from '@apollo/client'
 import { setContext } from '@apollo/client/link/context'
 import { CustomerTokenDocument } from '../hooks/CustomerToken.gql'
 
-export const createAuthLink = (cache: ApolloCache<NormalizedCacheObject>) => {
-  return setContext((_, context) => {
+export const createAuthLink = (cache: ApolloCache<NormalizedCacheObject>) =>
+  setContext((_, context) => {
     if (!context.headers) context.headers = {}
     try {
       const query = cache.readQuery({ query: CustomerTokenDocument })
       if (query?.customerToken?.token) {
         context.headers.authorization = `Bearer ${query?.customerToken?.token}`
         return context
-      } else {
-        return context
       }
+      return context
     } catch (error) {
       return context
     }
   })
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-customer",
-  "version": "3.6.3",
+  "version": "3.6.7",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -14,19 +14,19 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.5",
+    "@graphcommerce/eslint-config-pwa": "^3.1.6",
     "@graphcommerce/prettier-config-pwa": "^3.0.4",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
     "@playwright/test": "^1.16.2"
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphcommerce/graphql": "^2.105.5",
-    "@graphcommerce/image": "^2.105.4",
-    "@graphcommerce/magento-graphql": "^2.104.5",
-    "@graphcommerce/magento-store": "^3.3.3",
-    "@graphcommerce/next-ui": "^3.18.1",
-    "@graphcommerce/react-hook-form": "^2.104.0",
+    "@graphcommerce/graphql": "^2.105.6",
+    "@graphcommerce/image": "^2.105.5",
+    "@graphcommerce/magento-graphql": "^2.104.6",
+    "@graphcommerce/magento-store": "^3.3.7",
+    "@graphcommerce/next-ui": "^3.20.0",
+    "@graphcommerce/react-hook-form": "^2.104.1",
     "@lingui/macro": "^3.12.1",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
@@ -36,5 +36,5 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "5ed153aa2213be8363138c0956872fe2fde2f590"
+  "gitHead": "8f156415c7f5a963e363f0d6d18fe5d6bbd5dba2"
 }

package/typePolicies.ts

@@ -1,11 +1,5 @@
-import { FieldPolicy, FieldReadFunction } from '@apollo/client'
-import {
-  CustomerToken,
-  MigrateCache,
-  Mutation,
-  Query,
-  TypedTypePolicies,
-} from '@graphcommerce/graphql'
+import { FieldPolicy } from '@apollo/client'
+import { CustomerToken, MigrateCache, Mutation, TypedTypePolicies } from '@graphcommerce/graphql'
 import { CustomerTokenDocument } from './hooks/CustomerToken.gql'
 import { IsEmailAvailableDocument } from './hooks/IsEmailAvailable.gql'