@graphcommerce/magento-customer 10.0.0-canary.66 → 10.0.0-canary.68

package/components/UpdateDefaultAddressForm/UpdateDefaultAddressForm.tsx

@@ -3,6 +3,7 @@ import { Trans } from '@lingui/react/macro'
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { FormControl, FormControlLabel, FormHelperText, Switch } from '@mui/material'
 import React, { useEffect, useMemo } from 'react'
+import { useBillingAddressPermission } from '../../hooks'
 import type { AccountAddressFragment } from '../AccountAddress/AccountAddress.gql'
 import { UpdateDefaultAddressDocument } from '../AccountAddresses/UpdateDefaultAddress.gql'
 import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
@@ -33,6 +34,8 @@ export function UpdateDefaultAddressForm(props: UpdateDefaultAddressFormProps) {
 
   const submit = handleSubmit(() => {})
 
+  const billingAddressReadonly = useBillingAddressPermission() === 'READONLY'
+
   useEffect(() => {
     reset(defaultValues)
   }, [defaultValues, reset])
@@ -74,6 +77,7 @@ export function UpdateDefaultAddressForm(props: UpdateDefaultAddressFormProps) {
               onBlur={onBlur}
               name={name}
               onChange={(e) => onChange((e as React.ChangeEvent<HTMLInputElement>).target.checked)}
+              disabled={billingAddressReadonly}
             />
 
             {formState.errors.defaultBilling?.message && (

package/graphql/Config.graphqls

@@ -4,9 +4,18 @@ enum CustomerAccountPermissions {
   DISABLED
 }
 
+enum BillingAddressPermissions {
+  EDITABLE
+  READONLY
+}
+
 extend input GraphCommercePermissions {
   """
   Enables / disabled the account section of the website. DISABLE_REGISTRATION will only disable the registration page.
   """
   customerAccount: CustomerAccountPermissions
+  """
+  Allows customers to change their billing address or locks it down.
+  """
+  billingAddress: BillingAddressPermissions
 }

package/hooks/index.ts

@@ -4,12 +4,13 @@ export * from './CustomerToken.gql'
 export * from './IsEmailAvailable.gql'
 export * from './OrderCardItemImage.gql'
 export * from './OrderCardItemImages.gql'
-export * from './UseOrderCardItemImages.gql'
 export * from './useAccountSignInUpForm'
 export * from './useCustomerPermissions'
 export * from './useCustomerQuery'
 export * from './useCustomerSession'
 export * from './UseCustomerValidateToken.gql'
 export * from './useGuestQuery'
+export * from './useBillingAddressPermission'
 export { default as useOrderCardItemImages } from './useOrderCardItemImages'
+export * from './UseOrderCardItemImages.gql'
 export * from './useSignInForm'

package/hooks/useBillingAddressPermission.tsx

@@ -0,0 +1,8 @@
+import { permissions } from '@graphcommerce/next-config/config'
+import { useStorefrontConfig } from '@graphcommerce/next-ui'
+
+export function useBillingAddressPermission() {
+  return (
+    useStorefrontConfig().permissions?.billingAddress ?? permissions?.billingAddress ?? 'EDITABLE'
+  )
+}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-customer",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "10.0.0-canary.66",
+  "version": "10.0.0-canary.68",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -21,23 +21,24 @@
     "./plugins/magentoCustomerPrivateQueryContext": "./plugins/magentoCustomerPrivateQueryContext.ts"
   },
   "peerDependencies": {
-    "@graphcommerce/ecommerce-ui": "^10.0.0-canary.66",
-    "@graphcommerce/eslint-config-pwa": "^10.0.0-canary.66",
-    "@graphcommerce/framer-next-pages": "^10.0.0-canary.66",
-    "@graphcommerce/framer-utils": "^10.0.0-canary.66",
-    "@graphcommerce/graphql": "^10.0.0-canary.66",
-    "@graphcommerce/graphql-mesh": "^10.0.0-canary.66",
-    "@graphcommerce/image": "^10.0.0-canary.66",
-    "@graphcommerce/magento-graphql": "^10.0.0-canary.66",
-    "@graphcommerce/magento-store": "^10.0.0-canary.66",
-    "@graphcommerce/next-ui": "^10.0.0-canary.66",
-    "@graphcommerce/prettier-config-pwa": "^10.0.0-canary.66",
-    "@graphcommerce/react-hook-form": "^10.0.0-canary.66",
-    "@graphcommerce/typescript-config-pwa": "^10.0.0-canary.66",
+    "@graphcommerce/ecommerce-ui": "^10.0.0-canary.68",
+    "@graphcommerce/eslint-config-pwa": "^10.0.0-canary.68",
+    "@graphcommerce/framer-next-pages": "^10.0.0-canary.68",
+    "@graphcommerce/framer-utils": "^10.0.0-canary.68",
+    "@graphcommerce/graphql": "^10.0.0-canary.68",
+    "@graphcommerce/graphql-mesh": "^10.0.0-canary.68",
+    "@graphcommerce/image": "^10.0.0-canary.68",
+    "@graphcommerce/magento-graphql": "^10.0.0-canary.68",
+    "@graphcommerce/magento-store": "^10.0.0-canary.68",
+    "@graphcommerce/next-config": "^10.0.0-canary.68",
+    "@graphcommerce/next-ui": "^10.0.0-canary.68",
+    "@graphcommerce/prettier-config-pwa": "^10.0.0-canary.68",
+    "@graphcommerce/react-hook-form": "^10.0.0-canary.68",
+    "@graphcommerce/typescript-config-pwa": "^10.0.0-canary.68",
     "@lingui/core": "^5",
     "@lingui/macro": "^5",
     "@lingui/react": "^5",
-    "@mui/material": "^5.10.16",
+    "@mui/material": "^7.0.0",
     "framer-motion": "^11.0.0",
     "graphql": "^16.0.0",
     "next": "*",

package/utils/billingAddressPermission.tsx

@@ -0,0 +1,10 @@
+import { permissions } from '@graphcommerce/next-config/config'
+import { storefrontConfig } from '@graphcommerce/next-ui'
+
+export function getBillingAddressPermission(locale: string | undefined) {
+  return (
+    storefrontConfig(locale)?.permissions?.billingAddress ??
+    permissions?.billingAddress ??
+    'EDITABLE'
+  )
+}

package/utils/index.ts

@@ -1,2 +1,3 @@
 export * from './customerPermissions'
+export * from './billingAddressPermission'
 export * from './orderState'