@graphcommerce/magento-customer 6.2.0-canary.88 → 6.2.0-canary.89

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # Change Log
 
+## 6.2.0-canary.89
+
 ## 6.2.0-canary.88
 
 ## 6.2.0-canary.87

package/components/AccountSignInUpForm/AccountSignInUpForm.tsx

@@ -8,6 +8,7 @@ import {
 } from '@graphcommerce/next-ui'
 import { emailPattern } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/react'
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { Box, CircularProgress, Link, SxProps, TextField, Theme, Typography } from '@mui/material'
 import router from 'next/router'
 import { CustomerDocument, useFormIsEmailAvailable } from '../../hooks'

package/components/AddressFields/AddressFields.tsx

@@ -21,8 +21,8 @@ export type AddressFieldValues = {
   city?: string
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type AddressFieldsProps = {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   form: UseFormReturn<any>
   readOnly?: boolean
   countryFirst?: boolean

package/components/ApolloCustomerError/ApolloCustomerErrorAlert.tsx

@@ -1,7 +1,6 @@
 import { ApolloErrorAlert, ApolloErrorAlertProps } from '@graphcommerce/ecommerce-ui'
 import { Button } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
-import { Link } from '@mui/material'
 import { useCustomerSession } from '../../hooks/useCustomerSession'
 import { useAuthorizationErrorMasked } from './useAuthorizationErrorMasked'
 

package/components/ChangePasswordForm/ChangePasswordForm.tsx

@@ -26,7 +26,7 @@ export function ChangePasswordForm() {
     ChangePasswordMutation,
     ChangePasswordMutationVariables & { confirmPassword?: string }
   >(ChangePasswordDocument, {}, { errorPolicy: 'all' })
-  const { handleSubmit, required, data, formState, error, control } = form
+  const { handleSubmit, required, formState, error, control } = form
   const [remainingError0, authenticationError] = graphqlErrorByCategory({
     category: 'graphql-authentication',
     error,

package/components/CreateCustomerAddressForm/CreateCustomerAddressForm.tsx

@@ -12,6 +12,7 @@ import {
 import { phonePattern, useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { i18n } from '@lingui/core'
 import { Trans } from '@lingui/react'
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { TextField } from '@mui/material'
 import { useRouter } from 'next/router'
 import { AddressFields } from '../AddressFields/AddressFields'
@@ -43,7 +44,7 @@ export function CreateCustomerAddressForm() {
             {},
         }
       },
-      onComplete: (e) => {
+      onComplete: () => {
         // eslint-disable-next-line @typescript-eslint/no-floating-promises
         router.push(`/account/addresses`)
       },

package/components/EditAddressForm/EditAddressForm.tsx

@@ -1,3 +1,4 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { useGo, usePageContext } from '@graphcommerce/framer-next-pages'
 import { useQuery } from '@graphcommerce/graphql'
 import { CountryRegionsDocument } from '@graphcommerce/magento-store'
@@ -12,6 +13,7 @@ import {
 import { phonePattern, useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { i18n } from '@lingui/core'
 import { Trans } from '@lingui/react'
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { SxProps, TextField, Theme } from '@mui/material'
 import { AccountAddressFragment } from '../AccountAddress/AccountAddress.gql'
 import { AddressFields } from '../AddressFields/AddressFields'

package/components/ForgotPasswordForm/ForgotPasswordForm.tsx

@@ -2,6 +2,7 @@ import { Button, Form, FormActions, FormRow } from '@graphcommerce/next-ui'
 import { emailPattern, useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { i18n } from '@lingui/core'
 import { Trans } from '@lingui/react'
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { TextField, Alert, SxProps, Theme } from '@mui/material'
 import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
 import {

package/components/NameFields/NameFields.tsx

@@ -3,6 +3,7 @@ import { FormRow, InputCheckmark } from '@graphcommerce/next-ui'
 import { assertFormGqlOperation, Controller, UseFormReturn } from '@graphcommerce/react-hook-form'
 import { i18n } from '@lingui/core'
 import { Trans } from '@lingui/react'
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { MenuItem, TextField } from '@mui/material'
 import React from 'react'
 
@@ -28,7 +29,7 @@ export function NameFields(props: NameFieldProps) {
   const { prefix, form, readOnly, prefixes = [mr, mrs, other] } = props
   assertFormGqlOperation<NameFieldValues>(form)
 
-  const { control, formState, muiRegister, required, valid } = form
+  const { control, required, valid } = form
 
   return (
     <>

package/components/OrderCard/OrderCard.tsx

@@ -1,12 +1,12 @@
 import { Money } from '@graphcommerce/magento-store'
 import { extendableComponent, NextLink, useDateTimeFormat } from '@graphcommerce/next-ui'
+import { Trans } from '@lingui/react'
 import { Box, styled, SxProps, Theme, Skeleton, ListItemButton } from '@mui/material'
 import { UseOrderCardItemImages } from '../../hooks/useOrderCardItemImages'
 import { OrderCardItemImage } from '../OrderCardItemImage/OrderCardItemImage'
 import { OrderStateLabel } from '../OrderStateLabel/OrderStateLabel'
 import { TrackingLink } from '../TrackingLink/TrackingLink'
 import { OrderCardFragment } from './OrderCard.gql'
-import { Trans } from '@lingui/react'
 
 type OrderCardProps = Partial<OrderCardFragment> & {
   loading?: boolean

package/components/SessionDebugger/SessionDebugger.tsx

@@ -1,6 +1,7 @@
+/* eslint-disable no-console */
 import { useApolloClient } from '@graphcommerce/graphql'
-import { CustomerTokenDocument } from '@graphcommerce/magento-customer'
 import { Button } from '@mui/material'
+import { CustomerTokenDocument } from '../../hooks/CustomerToken.gql'
 
 export function SessionDebugger() {
   const client = useApolloClient()

package/components/SignInForm/SignInForm.tsx

@@ -1,18 +1,10 @@
 import { PasswordElement } from '@graphcommerce/ecommerce-ui'
 import { useApolloClient } from '@graphcommerce/graphql'
 import { graphqlErrorByCategory } from '@graphcommerce/magento-graphql'
-import {
-  Button,
-  FormRow,
-  FormActions,
-  iconEyeCrossed,
-  iconEye,
-  IconSvg,
-} from '@graphcommerce/next-ui'
+import { Button, FormRow, FormActions } from '@graphcommerce/next-ui'
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/react'
-import { Box, FormControl, IconButton, InputAdornment, Link, SxProps, Theme } from '@mui/material'
-import { MouseEvent, useState } from 'react'
+import { Box, FormControl, Link, SxProps, Theme } from '@mui/material'
 import { CustomerDocument } from '../../hooks'
 import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
 import { SignInDocument } from './SignIn.gql'

package/components/SignUpForm/SignUpForm.tsx

@@ -1,14 +1,15 @@
-import { PasswordElement, PasswordRepeatElement } from '@graphcommerce/ecommerce-ui'
+import { PasswordRepeatElement } from '@graphcommerce/ecommerce-ui'
 import { graphqlErrorByCategory } from '@graphcommerce/magento-graphql'
 import { Button, FormActions, FormRow } from '@graphcommerce/next-ui'
 import { useFormGqlMutation, useFormPersist } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/react'
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { Alert, FormControlLabel, Switch } from '@mui/material'
 import { ApolloCustomerErrorSnackbar } from '../ApolloCustomerError/ApolloCustomerErrorSnackbar'
 import { NameFields } from '../NameFields/NameFields'
+import { ValidatedPasswordElement } from '../ValidatedPasswordElement/ValidatedPasswordElement'
 import { SignUpDocument, SignUpMutation, SignUpMutationVariables } from './SignUp.gql'
 import { SignUpConfirmDocument } from './SignUpConfirm.gql'
-import { ValidatedPasswordElement } from '../ValidatedPasswordElement/ValidatedPasswordElement'
 
 type SignUpFormProps = { email: string }
 

package/components/SignUpForm/SignUpFormInline.tsx

@@ -1,17 +1,13 @@
-import {
-  ApolloErrorAlert,
-  PasswordElement,
-  PasswordRepeatElement,
-} from '@graphcommerce/ecommerce-ui'
+import { ApolloErrorAlert, PasswordRepeatElement } from '@graphcommerce/ecommerce-ui'
 import { graphqlErrorByCategory } from '@graphcommerce/magento-graphql'
 import { Button, extendableComponent, Form, FormRow } from '@graphcommerce/next-ui'
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/react'
 import { Alert, Box } from '@mui/material'
 import React from 'react'
+import { ValidatedPasswordElement } from '../ValidatedPasswordElement/ValidatedPasswordElement'
 import { SignUpMutationVariables, SignUpMutation, SignUpDocument } from './SignUp.gql'
 import { SignUpConfirmDocument } from './SignUpConfirm.gql'
-import { ValidatedPasswordElement } from '../ValidatedPasswordElement/ValidatedPasswordElement'
 
 type SignUpFormInlineProps = Pick<SignUpMutationVariables, 'email'> & {
   children?: React.ReactNode

package/components/UpdateCustomerEmailForm/UpdateCustomerEmailForm.tsx

@@ -1,4 +1,5 @@
 import { PasswordElement } from '@graphcommerce/ecommerce-ui'
+import { graphqlErrorByCategory } from '@graphcommerce/magento-graphql'
 import {
   Button,
   Form,
@@ -10,15 +11,14 @@ import {
 import { emailPattern, useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { i18n } from '@lingui/core'
 import { Trans } from '@lingui/react'
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { TextField } from '@mui/material'
-import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
+import { ApolloCustomerErrorSnackbar } from '../ApolloCustomerError'
 import {
   UpdateCustomerEmailDocument,
   UpdateCustomerEmailMutation,
   UpdateCustomerEmailMutationVariables,
 } from './UpdateCustomerEmail.gql'
-import { graphqlErrorByCategory } from '@graphcommerce/magento-graphql'
-import { ApolloCustomerErrorSnackbar } from '../ApolloCustomerError'
 
 type UpdateCustomerEmailFormProps = {
   email: string

package/components/UpdateDefaultAddressForm/UpdateDefaultAddressForm.tsx

@@ -1,5 +1,6 @@
 import { Controller, useFormAutoSubmit, useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/react'
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { FormControl, FormControlLabel, FormHelperText, Switch } from '@mui/material'
 import React, { useEffect, useMemo } from 'react'
 import { AccountAddressFragment } from '../AccountAddress/AccountAddress.gql'

package/package.json

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

package/test/authentication.playwright.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 import { waitForGraphQlResponse } from '@graphcommerce/graphql/test/apolloClient.fixture'
 import { SignUpDocument, SignUpMutation } from '@graphcommerce/magento-customer/components'