@graphcommerce/magento-customer 4.1.3 → 4.1.6

package/components/AccountAddress/{index.tsx → AccountAddress.tsx}

@@ -2,9 +2,9 @@ import { extendableComponent } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/macro'
 import { Box, Link, SxProps, Theme } from '@mui/material'
 import PageLink from 'next/link'
-import AddressMultiLine from '../AddressMultiLine'
-import DeleteCustomerAddressForm from '../DeleteCustomerAddressForm'
-import UpdateDefaultAddressForm from '../UpdateDefaultAddressForm'
+import { AddressMultiLine } from '../AddressMultiLine/AddressMultiLine'
+import { DeleteCustomerAddressForm } from '../DeleteCustomerAddressForm/DeleteCustomerAddressForm'
+import { UpdateDefaultAddressForm } from '../UpdateDefaultAddressForm/UpdateDefaultAddressForm'
 import { AccountAddressFragment } from './AccountAddress.gql'
 
 export type AccountAddressProps = AccountAddressFragment & { sx?: SxProps<Theme> }
@@ -13,7 +13,7 @@ const name = 'AccountAddress'
 const parts = ['root', 'address', 'switches', 'actions'] as const
 const { classes } = extendableComponent(name, parts)
 
-export default function AccountAddress(props: AccountAddressProps) {
+export function AccountAddress(props: AccountAddressProps) {
   const { id, sx = [], ...addressProps } = props
 
   return (

package/components/AccountAddresses/{index.tsx → AccountAddresses.tsx}

@@ -8,7 +8,7 @@ import {
 import { Trans } from '@lingui/macro'
 import { Skeleton, Button, Box, Theme, SxProps } from '@mui/material'
 import Link from 'next/link'
-import AccountAddress from '../AccountAddress'
+import { AccountAddress } from '../AccountAddress/AccountAddress'
 import { AccountAddressesFragment } from './AccountAddresses.gql'
 
 export type AccountAddressesProps = AccountAddressesFragment & {
@@ -20,7 +20,7 @@ const name = 'AccountAddresses' as const
 const parts = ['root', 'addresses', 'button', 'link'] as const
 const { classes } = extendableComponent(name, parts)
 
-export default function AccountAddresses(props: AccountAddressesProps) {
+export function AccountAddresses(props: AccountAddressesProps) {
   const { addresses, loading, sx = [] } = props
 
   if (loading) {

package/components/AddressFields/{index.tsx → AddressFields.tsx}

@@ -20,9 +20,10 @@ type AddressFieldValues = {
   city?: string
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 type AddressFieldsProps = { form: UseFormReturn<any>; readOnly?: boolean }
 
-export default function AddressFields(props: AddressFieldsProps) {
+export function AddressFields(props: AddressFieldsProps) {
   const { form, readOnly } = props
   const countries = useQuery(CountryRegionsDocument).data?.countries
   assertFormGqlOperation<AddressFieldValues>(form)
@@ -143,6 +144,7 @@ export default function AddressFields(props: AddressFieldsProps) {
             endAdornment: <InputCheckmark show={valid.countryCode} select />,
           }}
         >
+          {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
           <option value='' />
           {countryList.map((c) => {
             if (!c?.two_letter_abbreviation) return null

package/components/AddressMultiLine/{index.tsx → AddressMultiLine.tsx}

@@ -18,7 +18,7 @@ const name = 'AddressMultiLine'
 const parts = ['root', 'title'] as const
 const { classes } = extendableComponent(name, parts)
 
-export default function AddressMultiLine(props: AddressMultiLineProps) {
+export function AddressMultiLine(props: AddressMultiLineProps) {
   const {
     company,
     prefix,

package/components/AddressSingleLine/{index.tsx → AddressSingleLine.tsx}

@@ -1,7 +1,7 @@
 import { useFindCountry } from '@graphcommerce/magento-store'
 import { CustomerAddressFragment } from '../CreateCustomerAddressForm/CustomerAddress.gql'
 
-export default function AddressSingleLine(props: CustomerAddressFragment) {
+export function AddressSingleLine(props: CustomerAddressFragment) {
   const {
     company,
     prefix,

package/components/ApolloCustomerError/ApolloCustomerErrorAlert.tsx

@@ -6,7 +6,7 @@ import { useExtractCustomerErrors } from '../../hooks/useExtractCustomerErrors'
 
 type MagentoErrorAlertProps = ApolloErrorAlertProps
 
-export default function ApolloCustomerErrorAlert(props: MagentoErrorAlertProps) {
+export function ApolloCustomerErrorAlert(props: MagentoErrorAlertProps) {
   const { error, unauthorized } = useExtractCustomerErrors(props)
 
   const action = unauthorized && (

package/components/ApolloCustomerError/ApolloCustomerErrorFullPage.tsx

@@ -10,7 +10,7 @@ type ApolloCustomerErrorFullPageProps = {
   signUpHref: string
 } & ApolloErrorAlertProps
 
-export default function ApolloCustomerErrorFullPage(props: ApolloCustomerErrorFullPageProps) {
+export function ApolloCustomerErrorFullPage(props: ApolloCustomerErrorFullPageProps) {
   const { signInHref, signUpHref } = props
   const { error, unauthorized } = useExtractCustomerErrors(props)
 

package/components/ChangeNameForm/{index.tsx → ChangeNameForm.tsx}

@@ -1,8 +1,8 @@
 import { Form, FormActions, FormDivider, MessageSnackbar, Button } from '@graphcommerce/next-ui'
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/macro'
-import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerErrorAlert'
-import NameFields from '../NameFields'
+import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
+import { NameFields } from '../NameFields/NameFields'
 import { UpdateCustomerNameDocument } from './UpdateCustomerName.gql'
 
 type ChangeNameFormProps = {
@@ -11,7 +11,7 @@ type ChangeNameFormProps = {
   lastname: string
 }
 
-export default function ChangeNameForm(props: ChangeNameFormProps) {
+export function ChangeNameForm(props: ChangeNameFormProps) {
   const { prefix, firstname, lastname } = props
   const form = useFormGqlMutation(
     UpdateCustomerNameDocument,

package/components/ChangePasswordForm/ChangePasswordForm.tsx

@@ -9,14 +9,14 @@ import {
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans, t } from '@lingui/macro'
 import { TextField } from '@mui/material'
-import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerErrorAlert'
+import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
 import {
   ChangePasswordDocument,
   ChangePasswordMutation,
   ChangePasswordMutationVariables,
 } from './ChangePassword.gql'
 
-export default function ChangePasswordForm() {
+export function ChangePasswordForm() {
   const form = useFormGqlMutation<
     ChangePasswordMutation,
     ChangePasswordMutationVariables & { confirmPassword?: string }

package/components/CreateCustomerAddressForm/{index.tsx → CreateCustomerAddressForm.tsx}

@@ -12,12 +12,12 @@ import { phonePattern, useFormGqlMutation } from '@graphcommerce/react-hook-form
 import { Trans, t } from '@lingui/macro'
 import { TextField } from '@mui/material'
 import { useRouter } from 'next/router'
-import AddressFields from '../AddressFields'
-import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerErrorAlert'
-import NameFields from '../NameFields'
+import { AddressFields } from '../AddressFields/AddressFields'
+import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
+import { NameFields } from '../NameFields/NameFields'
 import { CreateCustomerAddressDocument } from './CreateCustomerAddress.gql'
 
-export default function CreateCustomerAddressForm() {
+export function CreateCustomerAddressForm() {
   const countries = useQuery(CountryRegionsDocument).data?.countries
   const router = useRouter()
 

package/components/CustomerFab/{index.tsx → CustomerFab.tsx}

@@ -51,7 +51,7 @@ function CustomerFabContent(props: CustomerFabContentProps) {
   )
 }
 
-export default function CustomerFab(props: CustomerFabContentProps) {
+export function CustomerFab(props: CustomerFabContentProps) {
   const { data } = useQuery(CustomerTokenDocument)
 
   return (

package/components/CustomerMenuFabItem/{index.tsx → CustomerMenuFabItem.tsx}

@@ -1,11 +1,6 @@
 import { useQuery } from '@graphcommerce/graphql'
-import {
-  MenuFabSecondaryItem,
-  DesktopHeaderBadge,
-  iconPerson,
-  IconSvg,
-} from '@graphcommerce/next-ui'
-import { NoSsr, SxProps, Theme } from '@mui/material'
+import { MenuFabSecondaryItem, iconPerson, IconSvg } from '@graphcommerce/next-ui'
+import { Badge, NoSsr, SxProps, Theme } from '@mui/material'
 import React from 'react'
 import { CustomerTokenDocument, CustomerTokenQuery } from '../../hooks'
 
@@ -25,14 +20,14 @@ function CustomerMenuFabItemContent(props: CustomerMenuFabItemProps) {
     <MenuFabSecondaryItem
       sx={sx}
       icon={
-        <DesktopHeaderBadge
+        <Badge
           badgeContent={customerToken?.token ? 1 : 0}
           color={customerToken?.valid ? 'primary' : 'error'}
           variant='dot'
           overlap='circular'
         >
           {icon ?? <IconSvg src={iconPerson} size='medium' />}
-        </DesktopHeaderBadge>
+        </Badge>
       }
       href={requireAuth ? guestHref : authHref}
     >
@@ -41,7 +36,7 @@ function CustomerMenuFabItemContent(props: CustomerMenuFabItemProps) {
   )
 }
 
-export default function CustomerMenuFabItem(props: CustomerMenuFabItemProps) {
+export function CustomerMenuFabItem(props: CustomerMenuFabItemProps) {
   const { data } = useQuery(CustomerTokenDocument)
 
   return (

package/components/DeleteCustomerAddressForm/{index.tsx → DeleteCustomerAddressForm.tsx}

@@ -8,7 +8,7 @@ export type DeleteCustomerAddressFormProps = {
   addressId?: number
 }
 
-export default function DeleteCustomerAddressForm(props: DeleteCustomerAddressFormProps) {
+export function DeleteCustomerAddressForm(props: DeleteCustomerAddressFormProps) {
   const { addressId } = props
   const { handleSubmit, error } = useFormGqlMutation(
     DeleteCustomerAddressFormDocument,

package/components/EditAddressForm/{index.tsx → EditAddressForm.tsx}

@@ -13,14 +13,14 @@ import { t, Trans } from '@lingui/macro'
 import { SxProps, TextField, Theme } from '@mui/material'
 import { useRouter } from 'next/router'
 import { AccountAddressFragment } from '../AccountAddress/AccountAddress.gql'
-import AddressFields from '../AddressFields'
-import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerErrorAlert'
-import NameFields from '../NameFields'
+import { AddressFields } from '../AddressFields/AddressFields'
+import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
+import { NameFields } from '../NameFields/NameFields'
 import { UpdateCustomerAddressDocument } from './UpdateCustomerAddress.gql'
 
 type EditAddressFormProps = { address?: AccountAddressFragment; sx?: SxProps<Theme> }
 
-export default function EditAddressForm(props: EditAddressFormProps) {
+export function EditAddressForm(props: EditAddressFormProps) {
   const countries = useQuery(CountryRegionsDocument).data?.countries
   const { address, sx } = props
   const router = useRouter()

package/components/ForgotPasswordForm/ForgotPasswordForm.tsx

@@ -2,14 +2,14 @@ import { Button, Form, FormActions, FormRow } from '@graphcommerce/next-ui'
 import { emailPattern, useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { t, Trans } from '@lingui/macro'
 import { TextField, Alert, SxProps, Theme } from '@mui/material'
-import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerErrorAlert'
+import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
 import {
   ForgotPasswordDocument,
   ForgotPasswordMutation,
   ForgotPasswordMutationVariables,
 } from './ForgotPassword.gql'
 
-export default function ForgotPasswordForm(props: { sx?: SxProps<Theme> }) {
+export function ForgotPasswordForm(props: { sx?: SxProps<Theme> }) {
   const { sx = [] } = props
   const form = useFormGqlMutation<ForgotPasswordMutation, ForgotPasswordMutationVariables>(
     ForgotPasswordDocument,
@@ -27,7 +27,7 @@ export default function ForgotPasswordForm(props: { sx?: SxProps<Theme> }) {
           marginBottom: theme.spacings.sm,
         })}
       >
-        <Trans>We've send a password reset link to your email address!</Trans>
+        <Trans>We’ve send a password reset link to your email address!</Trans>
       </Alert>
     )
   }

package/components/NameFields/{index.tsx → NameFields.tsx}

@@ -11,13 +11,14 @@ type NameFieldValues = {
 }
 
 type NameFieldProps = {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   form: UseFormReturn<any>
   readOnly?: boolean
   prefix?: boolean
   prefixes?: string[]
 }
 
-export default function NameFields(props: NameFieldProps) {
+export function NameFields(props: NameFieldProps) {
   const { prefix, form, readOnly, prefixes = [t`Mr`, t`Mrs`, t`Other`] } = props
   assertFormGqlOperation<NameFieldValues>(form)
 

package/components/ResetPasswordForm/{index.tsx → ResetPasswordForm.tsx}

@@ -3,8 +3,7 @@ import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/macro'
 import { TextField } from '@mui/material'
 import { useRouter } from 'next/router'
-import React from 'react'
-import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerErrorAlert'
+import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
 import {
   ResetPasswordDocument,
   ResetPasswordMutation,
@@ -15,7 +14,7 @@ type ResetPasswordFormProps = {
   token: string
 }
 
-export default function ResetPasswordForm(props: ResetPasswordFormProps) {
+export function ResetPasswordForm(props: ResetPasswordFormProps) {
   const { token } = props
 
   const form = useFormGqlMutation<

package/components/SignInForm/SignInForm.tsx

@@ -4,12 +4,12 @@ import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/macro'
 import { Box, FormControl, Link, SxProps, TextField, Theme } from '@mui/material'
 import PageLink from 'next/link'
-import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerErrorAlert'
+import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
 import { SignInDocument } from './SignIn.gql'
 
 type SignInFormProps = { email: string; sx?: SxProps<Theme> }
 
-export default function SignInForm(props: SignInFormProps) {
+export function SignInForm(props: SignInFormProps) {
   const { email, sx } = props
   const form = useFormGqlMutation(
     SignInDocument,

package/components/SignInForm/SignInFormInline.tsx

@@ -10,7 +10,7 @@ type InlineSignInFormProps = Omit<SignInMutationVariables, 'password'> & { sx?:
 
 const { classes } = extendableComponent('SignInFormInline', ['form', 'button'] as const)
 
-export default function SignInFormInline(props: PropsWithChildren<InlineSignInFormProps>) {
+export function SignInFormInline(props: PropsWithChildren<InlineSignInFormProps>) {
   const { email, sx = [] } = props
   const form = useFormGqlMutation(
     SignInDocument,

package/components/SignOutForm/{index.tsx → SignOutForm.tsx}

@@ -1,12 +1,12 @@
 import { FormState, useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { useRouter } from 'next/router'
 import React from 'react'
-import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerErrorAlert'
+import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
 import { SignOutFormDocument } from './SignOutForm.gql'
 
 type SignOutFormProps = { button: (props: { formState: FormState<unknown> }) => React.ReactNode }
 
-export default function SignOutForm(props: SignOutFormProps) {
+export function SignOutForm(props: SignOutFormProps) {
   const { button } = props
   const router = useRouter()
   const { handleSubmit, formState, error } = useFormGqlMutation(

package/components/SignUpForm/SignUpForm.tsx

@@ -3,15 +3,15 @@ import { Button, FormActions, FormRow } from '@graphcommerce/next-ui'
 import { useFormGqlMutation, useFormPersist } from '@graphcommerce/react-hook-form'
 import { t, Trans } from '@lingui/macro'
 import { FormControlLabel, Switch, TextField } from '@mui/material'
-import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerErrorAlert'
-import NameFields from '../NameFields'
+import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
+import { NameFields } from '../NameFields/NameFields'
 import { SignUpDocument, SignUpMutation, SignUpMutationVariables } from './SignUp.gql'
 
 type SignUpFormProps = {
   email?: string
 }
 
-export default function SignUpForm(props: SignUpFormProps) {
+export function SignUpForm(props: SignUpFormProps) {
   const { email } = props
   const form = useFormGqlMutation<
     SignUpMutation,

package/components/SignUpForm/SignUpFormInline.tsx

@@ -19,7 +19,7 @@ const { classes } = extendableComponent('SignUpFormInline', [
   'buttonContainer',
 ] as const)
 
-export default function SignUpFormInline({
+export function SignUpFormInline({
   email,
   children,
   firstname,

package/components/UpdateCustomerEmailForm/{index.tsx → UpdateCustomerEmailForm.tsx}

@@ -9,7 +9,7 @@ import {
 import { emailPattern, useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { t, Trans } from '@lingui/macro'
 import { TextField } from '@mui/material'
-import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerErrorAlert'
+import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
 import {
   UpdateCustomerEmailDocument,
   UpdateCustomerEmailMutation,
@@ -20,7 +20,7 @@ type UpdateCustomerEmailFormProps = {
   email: string
 }
 
-export default function UpdateCustomerEmailForm(props: UpdateCustomerEmailFormProps) {
+export function UpdateCustomerEmailForm(props: UpdateCustomerEmailFormProps) {
   const { email } = props
 
   const form = useFormGqlMutation<

package/components/UpdateDefaultAddressForm/{index.tsx → UpdateDefaultAddressForm.tsx}

@@ -4,14 +4,14 @@ import { FormControl, FormControlLabel, FormHelperText, Switch } from '@mui/mate
 import React, { useEffect, useMemo } from 'react'
 import { AccountAddressFragment } from '../AccountAddress/AccountAddress.gql'
 import { UpdateDefaultAddressDocument } from '../AccountAddresses/UpdateDefaultAddress.gql'
-import ApolloCustomerErrorAlert from '../ApolloCustomerError/ApolloCustomerErrorAlert'
+import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
 
-export type AccountAddressProps = Pick<
+export type UpdateDefaultAddressFormProps = Pick<
   AccountAddressFragment,
   'id' | 'default_shipping' | 'default_billing'
 >
 
-export default function UpdateDefaultAddressForm(props: AccountAddressProps) {
+export function UpdateDefaultAddressForm(props: UpdateDefaultAddressFormProps) {
   const { id, default_shipping, default_billing } = props
   const defaultValues = useMemo(
     () => ({

package/components/index.ts

@@ -1,28 +1,28 @@
-export { default as AccountAddress } from './AccountAddress'
-export { default as AccountAddresses } from './AccountAddresses'
-export { default as CustomerFab } from './CustomerFab'
-export { default as ChangePasswordForm } from './ChangePasswordForm/ChangePasswordForm'
+export * from './AccountAddress/AccountAddress'
+export * from './AccountAddresses/AccountAddresses'
+export * from './AddressFields/AddressFields'
+export * from './AddressMultiLine/AddressMultiLine'
+export * from './AddressSingleLine/AddressSingleLine'
+export * from './ApolloCustomerError/ApolloCustomerErrorAlert'
+export * from './ApolloCustomerError/ApolloCustomerErrorFullPage'
+export * from './ChangeNameForm/ChangeNameForm'
 export * from './ChangePasswordForm/ChangePassword.gql'
-export { default as ForgotPasswordForm } from './ForgotPasswordForm/ForgotPasswordForm'
+export * from './ChangePasswordForm/ChangePasswordForm'
+export * from './CreateCustomerAddressForm/CreateCustomerAddressForm'
+export * from './CustomerFab/CustomerFab'
+export * from './CustomerMenuFabItem/CustomerMenuFabItem'
+export * from './DeleteCustomerAddressForm/DeleteCustomerAddressForm'
+export * from './EditAddressForm/EditAddressForm'
 export * from './ForgotPasswordForm/ForgotPassword.gql'
-export { default as SignOutForm } from './SignOutForm'
-export { default as CreateCustomerAddressForm } from './CreateCustomerAddressForm'
-export { default as DeleteCustomerAddressForm } from './DeleteCustomerAddressForm'
-export { default as EditAddressForm } from './EditAddressForm'
-export { default as AddressMultiLine } from './AddressMultiLine'
-export { default as AddressSingleLine } from './AddressSingleLine'
-export { default as ResetPasswordForm } from './ResetPasswordForm'
-export { default as AddressFields } from './AddressFields'
-export { default as NameFields } from './NameFields'
-export { default as CustomerMenuFabItem } from './CustomerMenuFabItem'
-export { default as ChangeNameForm } from './ChangeNameForm'
-export { default as UpdateCustomerEmailForm } from './UpdateCustomerEmailForm'
-export { default as ApolloCustomerErrorAlert } from './ApolloCustomerError/ApolloCustomerErrorAlert'
-export { default as ApolloCustomerErrorFullPage } from './ApolloCustomerError/ApolloCustomerErrorFullPage'
-export { default as UpdateDefaultAddressForm } from './UpdateDefaultAddressForm'
-export { default as SignInForm } from './SignInForm/SignInForm'
-export { default as SignInFormInline } from './SignInForm/SignInFormInline'
-export { default as SignUpForm } from './SignUpForm/SignUpForm'
-export { default as SignUpFormInline } from './SignUpForm/SignUpFormInline'
+export * from './ForgotPasswordForm/ForgotPasswordForm'
+export * from './NameFields/NameFields'
+export * from './ResetPasswordForm/ResetPasswordForm'
 export * from './SignInForm/SignIn.gql'
+export * from './SignInForm/SignInForm'
+export * from './SignInForm/SignInFormInline'
+export * from './SignOutForm/SignOutForm'
 export * from './SignUpForm/SignUp.gql'
+export * from './SignUpForm/SignUpForm'
+export * from './SignUpForm/SignUpFormInline'
+export * from './UpdateCustomerEmailForm/UpdateCustomerEmailForm'
+export * from './UpdateDefaultAddressForm/UpdateDefaultAddressForm'

package/hooks/index.ts

@@ -1,7 +1,6 @@
-export { default as useFormIsEmailAvailable } from './useFormIsEmailAvailable'
-export * from './useExtractCustomerErrors'
-
 export * from './Customer.gql'
-export * from './CustomerToken.gql'
 export * from './CustomerInfo.gql'
+export * from './CustomerToken.gql'
 export * from './IsEmailAvailable.gql'
+export * from './useExtractCustomerErrors'
+export * from './useFormIsEmailAvailable'

package/hooks/useFormIsEmailAvailable.tsx

@@ -5,12 +5,12 @@ import { CustomerDocument } from './Customer.gql'
 import { CustomerTokenDocument } from './CustomerToken.gql'
 import { IsEmailAvailableDocument } from './IsEmailAvailable.gql'
 
-type useFormIsEmailAvailableProps = {
+export type UseFormIsEmailAvailableProps = {
   email?: string | null
   onSubmitted?: (data: { email: string }) => void
 }
 
-export default function useFormIsEmailAvailable(props: useFormIsEmailAvailableProps) {
+export function useFormIsEmailAvailable(props: UseFormIsEmailAvailableProps) {
   const { email, onSubmitted } = props
   const { data: token } = useQuery(CustomerTokenDocument)
   const customerQuery = useQuery(CustomerDocument, {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-customer",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.1.3",
+  "version": "4.1.6",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,19 +12,19 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.0.3",
-    "@graphcommerce/prettier-config-pwa": "^4.0.2",
+    "@graphcommerce/eslint-config-pwa": "^4.1.2",
+    "@graphcommerce/prettier-config-pwa": "^4.0.3",
     "@graphcommerce/typescript-config-pwa": "^4.0.2",
-    "@playwright/test": "^1.19.1"
+    "@playwright/test": "^1.19.2"
   },
   "dependencies": {
-    "@graphcommerce/ecommerce-ui": "^1.0.2",
-    "@graphcommerce/graphql": "^3.0.3",
-    "@graphcommerce/image": "^3.1.0",
-    "@graphcommerce/magento-graphql": "^3.0.3",
-    "@graphcommerce/magento-store": "^4.0.3",
-    "@graphcommerce/next-ui": "^4.2.0",
-    "@graphcommerce/react-hook-form": "^3.0.3"
+    "@graphcommerce/ecommerce-ui": "^1.0.3",
+    "@graphcommerce/graphql": "^3.0.4",
+    "@graphcommerce/image": "^3.1.1",
+    "@graphcommerce/magento-graphql": "^3.0.4",
+    "@graphcommerce/magento-store": "^4.1.3",
+    "@graphcommerce/next-ui": "^4.4.0",
+    "@graphcommerce/react-hook-form": "^3.0.4"
   },
   "peerDependencies": {
     "@lingui/macro": "^3.13.2",

package/typePolicies.ts

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