@graphcommerce/magento-customer 8.0.6-canary.4 → 8.0.7

package/CHANGELOG.md

@@ -1,29 +1,14 @@
 # Change Log
 
-## 8.0.6-canary.4
+## 8.0.7
 
-## 8.0.6-canary.3
-
-## 8.0.6-canary.2
-
-### Patch Changes
-
-- [#2234](https://github.com/graphcommerce-org/graphcommerce/pull/2234) [`0767bc4`](https://github.com/graphcommerce-org/graphcommerce/commit/0767bc40f7b596209f24ca4e745ff0441f3275c9) - Upgrade input components to no longer use muiRegister, which improves INP scores
-  ([@FrankHarland](https://github.com/FrankHarland))
-
-- [#2234](https://github.com/graphcommerce-org/graphcommerce/pull/2234) [`530076e`](https://github.com/graphcommerce-org/graphcommerce/commit/530076e3664703cb8b577b7fcf1998a420819f60) - Moved all usages of useFormPersist to the <FormPersist/> component to prevent rerenders.
-  ([@FrankHarland](https://github.com/FrankHarland))
-
-## 8.0.6-canary.1
-
-## 8.0.6-canary.0
+## 8.0.6
 
 ## 8.0.5
 
 ### Patch Changes
 
-- [#2243](https://github.com/graphcommerce-org/graphcommerce/pull/2243) [`c2ddb9e`](https://github.com/graphcommerce-org/graphcommerce/commit/c2ddb9e1e9d08b4363cc1ffa31e23d715ab1bdb6) - Solve an issue where the cart wouldn't be merged after the customer created a new account.
-  ([@paales](https://github.com/paales))
+- [#2243](https://github.com/graphcommerce-org/graphcommerce/pull/2243) [`c2ddb9e`](https://github.com/graphcommerce-org/graphcommerce/commit/c2ddb9e1e9d08b4363cc1ffa31e23d715ab1bdb6) - Solve an issue where the cart wouldn't be merged after the customer created a new account. ([@paales](https://github.com/paales))
 
 ## 8.0.5-canary.10
 
@@ -37,8 +22,7 @@
 
 ### Patch Changes
 
-- [#2243](https://github.com/graphcommerce-org/graphcommerce/pull/2243) [`c2ddb9e`](https://github.com/graphcommerce-org/graphcommerce/commit/c2ddb9e1e9d08b4363cc1ffa31e23d715ab1bdb6) - Solve an issue where the cart wouldn't be merged after the customer created a new account.
-  ([@paales](https://github.com/paales))
+- [#2243](https://github.com/graphcommerce-org/graphcommerce/pull/2243) [`c2ddb9e`](https://github.com/graphcommerce-org/graphcommerce/commit/c2ddb9e1e9d08b4363cc1ffa31e23d715ab1bdb6) - Solve an issue where the cart wouldn't be merged after the customer created a new account. ([@paales](https://github.com/paales))
 
 ## 8.0.5-canary.5
 
@@ -62,17 +46,13 @@
 
 ### Patch Changes
 
-- [#2212](https://github.com/graphcommerce-org/graphcommerce/pull/2212) [`6b61a93`](https://github.com/graphcommerce-org/graphcommerce/commit/6b61a93476505e66a3135844b9bce62ccdd1bdcf) - Solve an issue where the customer could not save their region in the customer account section.
-  ([@paales](https://github.com/paales))
+- [#2212](https://github.com/graphcommerce-org/graphcommerce/pull/2212) [`6b61a93`](https://github.com/graphcommerce-org/graphcommerce/commit/6b61a93476505e66a3135844b9bce62ccdd1bdcf) - Solve an issue where the customer could not save their region in the customer account section. ([@paales](https://github.com/paales))
 
-- [#2205](https://github.com/graphcommerce-org/graphcommerce/pull/2205) [`3fbf3da`](https://github.com/graphcommerce-org/graphcommerce/commit/3fbf3da8a67f2fbaa7fa974a37cbbf34613844e4) - Solve an issue where the user would be presented with the Session expired dialog when the user would be logging in during the checkout process.
-  ([@paales](https://github.com/paales))
+- [#2205](https://github.com/graphcommerce-org/graphcommerce/pull/2205) [`3fbf3da`](https://github.com/graphcommerce-org/graphcommerce/commit/3fbf3da8a67f2fbaa7fa974a37cbbf34613844e4) - Solve an issue where the user would be presented with the Session expired dialog when the user would be logging in during the checkout process. ([@paales](https://github.com/paales))
 
-- [#2207](https://github.com/graphcommerce-org/graphcommerce/pull/2207) [`4d7594c`](https://github.com/graphcommerce-org/graphcommerce/commit/4d7594ca2174f74bfa9f66a464b77b3fd04f3560) - After changing the default shipping or billing address in the account section other address would not properly update
-  ([@paales](https://github.com/paales))
+- [#2207](https://github.com/graphcommerce-org/graphcommerce/pull/2207) [`4d7594c`](https://github.com/graphcommerce-org/graphcommerce/commit/4d7594ca2174f74bfa9f66a464b77b3fd04f3560) - After changing the default shipping or billing address in the account section other address would not properly update ([@paales](https://github.com/paales))
 
-- [#2212](https://github.com/graphcommerce-org/graphcommerce/pull/2212) [`dbd943d`](https://github.com/graphcommerce-org/graphcommerce/commit/dbd943d9f588f24d5c73bdf35f2d3bbc5e0e3406) - Split out AddressFields into separate components and allow renaming fields.
-  ([@paales](https://github.com/paales))
+- [#2212](https://github.com/graphcommerce-org/graphcommerce/pull/2212) [`dbd943d`](https://github.com/graphcommerce-org/graphcommerce/commit/dbd943d9f588f24d5c73bdf35f2d3bbc5e0e3406) - Split out AddressFields into separate components and allow renaming fields. ([@paales](https://github.com/paales))
 
 ## 8.0.3-canary.6
 
@@ -80,11 +60,9 @@
 
 ### Patch Changes
 
-- [#2212](https://github.com/graphcommerce-org/graphcommerce/pull/2212) [`6b61a93`](https://github.com/graphcommerce-org/graphcommerce/commit/6b61a93476505e66a3135844b9bce62ccdd1bdcf) - Solve an issue where the customer could not save their region in the customer account section.
-  ([@paales](https://github.com/paales))
+- [#2212](https://github.com/graphcommerce-org/graphcommerce/pull/2212) [`6b61a93`](https://github.com/graphcommerce-org/graphcommerce/commit/6b61a93476505e66a3135844b9bce62ccdd1bdcf) - Solve an issue where the customer could not save their region in the customer account section. ([@paales](https://github.com/paales))
 
-- [#2212](https://github.com/graphcommerce-org/graphcommerce/pull/2212) [`dbd943d`](https://github.com/graphcommerce-org/graphcommerce/commit/dbd943d9f588f24d5c73bdf35f2d3bbc5e0e3406) - Split out AddressFields into separate components and allow renaming fields.
-  ([@paales](https://github.com/paales))
+- [#2212](https://github.com/graphcommerce-org/graphcommerce/pull/2212) [`dbd943d`](https://github.com/graphcommerce-org/graphcommerce/commit/dbd943d9f588f24d5c73bdf35f2d3bbc5e0e3406) - Split out AddressFields into separate components and allow renaming fields. ([@paales](https://github.com/paales))
 
 ## 8.0.3-canary.4
 
@@ -94,15 +72,13 @@
 
 ### Patch Changes
 
-- [#2205](https://github.com/graphcommerce-org/graphcommerce/pull/2205) [`3fbf3da`](https://github.com/graphcommerce-org/graphcommerce/commit/3fbf3da8a67f2fbaa7fa974a37cbbf34613844e4) - Solve an issue where the user would be presented with the Session expired dialog when the user would be logging in during the checkout process.
-  ([@paales](https://github.com/paales))
+- [#2205](https://github.com/graphcommerce-org/graphcommerce/pull/2205) [`3fbf3da`](https://github.com/graphcommerce-org/graphcommerce/commit/3fbf3da8a67f2fbaa7fa974a37cbbf34613844e4) - Solve an issue where the user would be presented with the Session expired dialog when the user would be logging in during the checkout process. ([@paales](https://github.com/paales))
 
 ## 8.0.3-canary.1
 
 ### Patch Changes
 
-- [#2207](https://github.com/graphcommerce-org/graphcommerce/pull/2207) [`4d7594c`](https://github.com/graphcommerce-org/graphcommerce/commit/4d7594ca2174f74bfa9f66a464b77b3fd04f3560) - After changing the default shipping or billing address in the account section other address would not properly update
-  ([@paales](https://github.com/paales))
+- [#2207](https://github.com/graphcommerce-org/graphcommerce/pull/2207) [`4d7594c`](https://github.com/graphcommerce-org/graphcommerce/commit/4d7594ca2174f74bfa9f66a464b77b3fd04f3560) - After changing the default shipping or billing address in the account section other address would not properly update ([@paales](https://github.com/paales))
 
 ## 8.0.3-canary.0
 
@@ -110,8 +86,7 @@
 
 ### Patch Changes
 
-- [#2197](https://github.com/graphcommerce-org/graphcommerce/pull/2197) [`044331c`](https://github.com/graphcommerce-org/graphcommerce/commit/044331cf1ea3a6040cfe8e0f79fb62025d5a9d90) - Revert: Change sorting for customer orders in Descending Created at order
-  ([@paales](https://github.com/paales))
+- [#2197](https://github.com/graphcommerce-org/graphcommerce/pull/2197) [`044331c`](https://github.com/graphcommerce-org/graphcommerce/commit/044331cf1ea3a6040cfe8e0f79fb62025d5a9d90) - Revert: Change sorting for customer orders in Descending Created at order ([@paales](https://github.com/paales))
 
 ## 8.0.2-canary.3
 
@@ -119,8 +94,7 @@
 
 ### Patch Changes
 
-- [#2197](https://github.com/graphcommerce-org/graphcommerce/pull/2197) [`044331c`](https://github.com/graphcommerce-org/graphcommerce/commit/044331cf1ea3a6040cfe8e0f79fb62025d5a9d90) - Revert: Change sorting for customer orders in Descending Created at order
-  ([@paales](https://github.com/paales))
+- [#2197](https://github.com/graphcommerce-org/graphcommerce/pull/2197) [`044331c`](https://github.com/graphcommerce-org/graphcommerce/commit/044331cf1ea3a6040cfe8e0f79fb62025d5a9d90) - Revert: Change sorting for customer orders in Descending Created at order ([@paales](https://github.com/paales))
 
 ## 8.0.2-canary.1
 
@@ -130,24 +104,19 @@
 
 ### Patch Changes
 
-- [#2177](https://github.com/graphcommerce-org/graphcommerce/pull/2177) [`816d789`](https://github.com/graphcommerce-org/graphcommerce/commit/816d7893159528bbe4ffc51c3958c806b81b58b0) - Change sorting for customer orders in Descending Created at order
-  ([@LaurensFranken](https://github.com/LaurensFranken))
+- [#2177](https://github.com/graphcommerce-org/graphcommerce/pull/2177) [`816d789`](https://github.com/graphcommerce-org/graphcommerce/commit/816d7893159528bbe4ffc51c3958c806b81b58b0) - Change sorting for customer orders in Descending Created at order ([@LaurensFranken](https://github.com/LaurensFranken))
 
-- [#2191](https://github.com/graphcommerce-org/graphcommerce/pull/2191) [`13ffa6b`](https://github.com/graphcommerce-org/graphcommerce/commit/13ffa6b945f1c72bf1fdc9298e4ce5dd76b48d73) - When a user was logging in from the checkout react would be caught in an infinite loop and thus the page would hang
-  ([@JoshuaS98](https://github.com/JoshuaS98))
+- [#2191](https://github.com/graphcommerce-org/graphcommerce/pull/2191) [`13ffa6b`](https://github.com/graphcommerce-org/graphcommerce/commit/13ffa6b945f1c72bf1fdc9298e4ce5dd76b48d73) - When a user was logging in from the checkout react would be caught in an infinite loop and thus the page would hang ([@JoshuaS98](https://github.com/JoshuaS98))
 
-- [#2187](https://github.com/graphcommerce-org/graphcommerce/pull/2187) [`09a2cc3`](https://github.com/graphcommerce-org/graphcommerce/commit/09a2cc35ceb5e714ffd02e573eebe7de842ae327) - Do not try to automatically invalidate the current token and fully rely on the Session Expired dialog
-  ([@paales](https://github.com/paales))
+- [#2187](https://github.com/graphcommerce-org/graphcommerce/pull/2187) [`09a2cc3`](https://github.com/graphcommerce-org/graphcommerce/commit/09a2cc35ceb5e714ffd02e573eebe7de842ae327) - Do not try to automatically invalidate the current token and fully rely on the Session Expired dialog ([@paales](https://github.com/paales))
 
-- [#2187](https://github.com/graphcommerce-org/graphcommerce/pull/2187) [`ee969bf`](https://github.com/graphcommerce-org/graphcommerce/commit/ee969bfc5415392747b04e0484685f5c611a2559) - After signing out the currentCartId was still returning a value causing the cart to be shown after signing out
-  ([@paales](https://github.com/paales))
+- [#2187](https://github.com/graphcommerce-org/graphcommerce/pull/2187) [`ee969bf`](https://github.com/graphcommerce-org/graphcommerce/commit/ee969bfc5415392747b04e0484685f5c611a2559) - After signing out the currentCartId was still returning a value causing the cart to be shown after signing out ([@paales](https://github.com/paales))
 
 ## 8.0.1-canary.4
 
 ### Patch Changes
 
-- [#2191](https://github.com/graphcommerce-org/graphcommerce/pull/2191) [`13ffa6b`](https://github.com/graphcommerce-org/graphcommerce/commit/13ffa6b945f1c72bf1fdc9298e4ce5dd76b48d73) - When a user was logging in from the checkout react would be caught in an infinite loop and thus the page would hang
-  ([@JoshuaS98](https://github.com/JoshuaS98))
+- [#2191](https://github.com/graphcommerce-org/graphcommerce/pull/2191) [`13ffa6b`](https://github.com/graphcommerce-org/graphcommerce/commit/13ffa6b945f1c72bf1fdc9298e4ce5dd76b48d73) - When a user was logging in from the checkout react would be caught in an infinite loop and thus the page would hang ([@JoshuaS98](https://github.com/JoshuaS98))
 
 ## 8.0.1-canary.3
 
@@ -155,8 +124,7 @@
 
 ### Patch Changes
 
-- [#2177](https://github.com/graphcommerce-org/graphcommerce/pull/2177) [`816d789`](https://github.com/graphcommerce-org/graphcommerce/commit/816d7893159528bbe4ffc51c3958c806b81b58b0) - Change sorting for customer orders in Descending Created at order
-  ([@LaurensFranken](https://github.com/LaurensFranken))
+- [#2177](https://github.com/graphcommerce-org/graphcommerce/pull/2177) [`816d789`](https://github.com/graphcommerce-org/graphcommerce/commit/816d7893159528bbe4ffc51c3958c806b81b58b0) - Change sorting for customer orders in Descending Created at order ([@LaurensFranken](https://github.com/LaurensFranken))
 
 ## 8.0.1-canary.1
 
@@ -164,18 +132,15 @@
 
 ### Patch Changes
 
-- [#2187](https://github.com/graphcommerce-org/graphcommerce/pull/2187) [`09a2cc3`](https://github.com/graphcommerce-org/graphcommerce/commit/09a2cc35ceb5e714ffd02e573eebe7de842ae327) - Do not try to automatically invalidate the current token and fully rely on the Session Expired dialog
-  ([@paales](https://github.com/paales))
+- [#2187](https://github.com/graphcommerce-org/graphcommerce/pull/2187) [`09a2cc3`](https://github.com/graphcommerce-org/graphcommerce/commit/09a2cc35ceb5e714ffd02e573eebe7de842ae327) - Do not try to automatically invalidate the current token and fully rely on the Session Expired dialog ([@paales](https://github.com/paales))
 
-- [#2187](https://github.com/graphcommerce-org/graphcommerce/pull/2187) [`ee969bf`](https://github.com/graphcommerce-org/graphcommerce/commit/ee969bfc5415392747b04e0484685f5c611a2559) - After signing out the currentCartId was still returning a value causing the cart to be shown after signing out
-  ([@paales](https://github.com/paales))
+- [#2187](https://github.com/graphcommerce-org/graphcommerce/pull/2187) [`ee969bf`](https://github.com/graphcommerce-org/graphcommerce/commit/ee969bfc5415392747b04e0484685f5c611a2559) - After signing out the currentCartId was still returning a value causing the cart to be shown after signing out ([@paales](https://github.com/paales))
 
 ## 8.0.0
 
 ### Minor Changes
 
-- [#2175](https://github.com/graphcommerce-org/graphcommerce/pull/2175) [`a6bcb87`](https://github.com/graphcommerce-org/graphcommerce/commit/a6bcb8785d54ef735d82154a775822d84f2b2b80) - Autofill country dropdown in CreateCustomerAddressForm so AddPostcodeNLAddressFields plugin works by default
-  ([@Giovanni-Schroevers](https://github.com/Giovanni-Schroevers))
+- [#2175](https://github.com/graphcommerce-org/graphcommerce/pull/2175) [`a6bcb87`](https://github.com/graphcommerce-org/graphcommerce/commit/a6bcb8785d54ef735d82154a775822d84f2b2b80) - Autofill country dropdown in CreateCustomerAddressForm so AddPostcodeNLAddressFields plugin works by default ([@Giovanni-Schroevers](https://github.com/Giovanni-Schroevers))
 
 - [#2110](https://github.com/graphcommerce-org/graphcommerce/pull/2110) [`d2e716d`](https://github.com/graphcommerce-org/graphcommerce/commit/d2e716d437fcfed13388ef536a8e73513744027b) - ---
 
@@ -189,38 +154,27 @@
 
 ### Patch Changes
 
-- [#2091](https://github.com/graphcommerce-org/graphcommerce/pull/2091) [`5b865d3`](https://github.com/graphcommerce-org/graphcommerce/commit/5b865d376fe3b830a03af15b56986a0448af4987) - Order details page in the customer account section is completely redesigned to be more in line with other areas.
-  ([@StefanAngenent](https://github.com/StefanAngenent))
+- [#2091](https://github.com/graphcommerce-org/graphcommerce/pull/2091) [`5b865d3`](https://github.com/graphcommerce-org/graphcommerce/commit/5b865d376fe3b830a03af15b56986a0448af4987) - Order details page in the customer account section is completely redesigned to be more in line with other areas. ([@StefanAngenent](https://github.com/StefanAngenent))
 
-- [#2048](https://github.com/graphcommerce-org/graphcommerce/pull/2048) [`a5c6550`](https://github.com/graphcommerce-org/graphcommerce/commit/a5c65506a7e72bd9ea101f665ce201e82396c63c) - Allow passing skip to useCustomerQuery and useGuestQuery
-  ([@Jessevdpoel](https://github.com/Jessevdpoel))
+- [#2048](https://github.com/graphcommerce-org/graphcommerce/pull/2048) [`a5c6550`](https://github.com/graphcommerce-org/graphcommerce/commit/a5c65506a7e72bd9ea101f665ce201e82396c63c) - Allow passing skip to useCustomerQuery and useGuestQuery ([@Jessevdpoel](https://github.com/Jessevdpoel))
 
-- [#2170](https://github.com/graphcommerce-org/graphcommerce/pull/2170) [`f3e906f`](https://github.com/graphcommerce-org/graphcommerce/commit/f3e906f7e374ce22d36af29c0f3c8153e18300e6) - Solved an issue where the inactive cart would set as the current cart when the customer had signed in, checked out their cart, session expired and tried to log in again.
-  ([@FrankHarland](https://github.com/FrankHarland))
+- [#2170](https://github.com/graphcommerce-org/graphcommerce/pull/2170) [`f3e906f`](https://github.com/graphcommerce-org/graphcommerce/commit/f3e906f7e374ce22d36af29c0f3c8153e18300e6) - Solved an issue where the inactive cart would set as the current cart when the customer had signed in, checked out their cart, session expired and tried to log in again. ([@FrankHarland](https://github.com/FrankHarland))
 
-- [#2107](https://github.com/graphcommerce-org/graphcommerce/pull/2107) [`2f51504`](https://github.com/graphcommerce-org/graphcommerce/commit/2f5150456eabcce410ad8a0f1cbebeedabb6564c) - Remember email adress when going from checkout to signin/up form
-  ([@FrankHarland](https://github.com/FrankHarland))
+- [#2107](https://github.com/graphcommerce-org/graphcommerce/pull/2107) [`2f51504`](https://github.com/graphcommerce-org/graphcommerce/commit/2f5150456eabcce410ad8a0f1cbebeedabb6564c) - Remember email adress when going from checkout to signin/up form ([@FrankHarland](https://github.com/FrankHarland))
 
-- [#2128](https://github.com/graphcommerce-org/graphcommerce/pull/2128) [`2320f8f`](https://github.com/graphcommerce-org/graphcommerce/commit/2320f8fa28713f45f0a9ecfc7d8623120add2a9a) - Fixed bug which caused region to not be set properly if user swapped countries in the checkout process.
-  ([@Jessevdpoel](https://github.com/Jessevdpoel))
+- [#2128](https://github.com/graphcommerce-org/graphcommerce/pull/2128) [`2320f8f`](https://github.com/graphcommerce-org/graphcommerce/commit/2320f8fa28713f45f0a9ecfc7d8623120add2a9a) - Fixed bug which caused region to not be set properly if user swapped countries in the checkout process. ([@Jessevdpoel](https://github.com/Jessevdpoel))
 
-- [#1999](https://github.com/graphcommerce-org/graphcommerce/pull/1999) [`ab834fb`](https://github.com/graphcommerce-org/graphcommerce/commit/ab834fbfe057fb507c371a6d22af282cc1b195d4) - Added a new 'Session expired' dialog that is shown when a GraphQL query or mutation returns a `graphql-authorization` error. This error is returned when the user's session has expired. The dialog allows the user to sign in again and then the query or mutation is re-executed.
-  ([@paales](https://github.com/paales))
+- [#1999](https://github.com/graphcommerce-org/graphcommerce/pull/1999) [`ab834fb`](https://github.com/graphcommerce-org/graphcommerce/commit/ab834fbfe057fb507c371a6d22af282cc1b195d4) - Added a new 'Session expired' dialog that is shown when a GraphQL query or mutation returns a `graphql-authorization` error. This error is returned when the user's session has expired. The dialog allows the user to sign in again and then the query or mutation is re-executed. ([@paales](https://github.com/paales))
 
-- [#2166](https://github.com/graphcommerce-org/graphcommerce/pull/2166) [`304b816`](https://github.com/graphcommerce-org/graphcommerce/commit/304b81659caf82d9f500401d21da4110dd40db61) - When a user is logged in the modal is dismissed immediately without showing a succes page. This speeds up the interaction with the site.
-  ([@FrankHarland](https://github.com/FrankHarland))
+- [#2166](https://github.com/graphcommerce-org/graphcommerce/pull/2166) [`304b816`](https://github.com/graphcommerce-org/graphcommerce/commit/304b81659caf82d9f500401d21da4110dd40db61) - When a user is logged in the modal is dismissed immediately without showing a succes page. This speeds up the interaction with the site. ([@FrankHarland](https://github.com/FrankHarland))
 
-- [#1999](https://github.com/graphcommerce-org/graphcommerce/pull/1999) [`c11f3b8`](https://github.com/graphcommerce-org/graphcommerce/commit/c11f3b88f187bb8e0059a6940b9835a076e5faf8) - Created a `debug.sessions` config that allows debugging sessions. Enable with `GC_DEBUG_SESSIONS=1` in your env or modify your graphcommerce.config.js
-  ([@paales](https://github.com/paales))
+- [#1999](https://github.com/graphcommerce-org/graphcommerce/pull/1999) [`c11f3b8`](https://github.com/graphcommerce-org/graphcommerce/commit/c11f3b88f187bb8e0059a6940b9835a076e5faf8) - Created a `debug.sessions` config that allows debugging sessions. Enable with `GC_DEBUG_SESSIONS=1` in your env or modify your graphcommerce.config.js ([@paales](https://github.com/paales))
 
-- [#2087](https://github.com/graphcommerce-org/graphcommerce/pull/2087) [`42c33c6`](https://github.com/graphcommerce-org/graphcommerce/commit/42c33c6e3adceee400bc9f10ec416731db9279c0) - The message when the email was updated was unstyled.
-  ([@StefanAngenent](https://github.com/StefanAngenent))
+- [#2087](https://github.com/graphcommerce-org/graphcommerce/pull/2087) [`42c33c6`](https://github.com/graphcommerce-org/graphcommerce/commit/42c33c6e3adceee400bc9f10ec416731db9279c0) - The message when the email was updated was unstyled. ([@StefanAngenent](https://github.com/StefanAngenent))
 
-- [#2082](https://github.com/graphcommerce-org/graphcommerce/pull/2082) [`2e8d19c`](https://github.com/graphcommerce-org/graphcommerce/commit/2e8d19cccd305f0e8eb4c29d05161af6cfdb9d84) - Add 'Current email' translation
-  ([@StefanAngenent](https://github.com/StefanAngenent))
+- [#2082](https://github.com/graphcommerce-org/graphcommerce/pull/2082) [`2e8d19c`](https://github.com/graphcommerce-org/graphcommerce/commit/2e8d19cccd305f0e8eb4c29d05161af6cfdb9d84) - Add 'Current email' translation ([@StefanAngenent](https://github.com/StefanAngenent))
 
-- [#2098](https://github.com/graphcommerce-org/graphcommerce/pull/2098) [`ca45472`](https://github.com/graphcommerce-org/graphcommerce/commit/ca45472246e084f4b88f91bc700351e29c63e0e2) - Fix `<EditAddressForm />` when addition field is null or undefined
-  ([@JoshuaS98](https://github.com/JoshuaS98))
+- [#2098](https://github.com/graphcommerce-org/graphcommerce/pull/2098) [`ca45472`](https://github.com/graphcommerce-org/graphcommerce/commit/ca45472246e084f4b88f91bc700351e29c63e0e2) - Fix `<EditAddressForm />` when addition field is null or undefined ([@JoshuaS98](https://github.com/JoshuaS98))
 
 ## 8.0.0-canary.100
 
@@ -232,8 +186,7 @@
 
 ### Minor Changes
 
-- [#2175](https://github.com/graphcommerce-org/graphcommerce/pull/2175) [`a6bcb87`](https://github.com/graphcommerce-org/graphcommerce/commit/a6bcb8785d54ef735d82154a775822d84f2b2b80) - Autofill country dropdown in CreateCustomerAddressForm so AddPostcodeNLAddressFields plugin works by default
-  ([@Giovanni-Schroevers](https://github.com/Giovanni-Schroevers))
+- [#2175](https://github.com/graphcommerce-org/graphcommerce/pull/2175) [`a6bcb87`](https://github.com/graphcommerce-org/graphcommerce/commit/a6bcb8785d54ef735d82154a775822d84f2b2b80) - Autofill country dropdown in CreateCustomerAddressForm so AddPostcodeNLAddressFields plugin works by default ([@Giovanni-Schroevers](https://github.com/Giovanni-Schroevers))
 
 ## 8.0.0-canary.96
 
@@ -251,8 +204,7 @@
 
 ### Patch Changes
 
-- [#2170](https://github.com/graphcommerce-org/graphcommerce/pull/2170) [`f3e906f`](https://github.com/graphcommerce-org/graphcommerce/commit/f3e906f7e374ce22d36af29c0f3c8153e18300e6) - fix(GCOM-1317): fix bug where inactive cached cart could be set as currentCartId
-  ([@FrankHarland](https://github.com/FrankHarland))
+- [#2170](https://github.com/graphcommerce-org/graphcommerce/pull/2170) [`f3e906f`](https://github.com/graphcommerce-org/graphcommerce/commit/f3e906f7e374ce22d36af29c0f3c8153e18300e6) - fix(GCOM-1317): fix bug where inactive cached cart could be set as currentCartId ([@FrankHarland](https://github.com/FrankHarland))
 
 ## 8.0.0-canary.89
 
@@ -260,8 +212,7 @@
 
 ### Patch Changes
 
-- [#2166](https://github.com/graphcommerce-org/graphcommerce/pull/2166) [`304b816`](https://github.com/graphcommerce-org/graphcommerce/commit/304b81659caf82d9f500401d21da4110dd40db61) - Dismiss login page and go back to previous page asap when logging in
-  ([@FrankHarland](https://github.com/FrankHarland))
+- [#2166](https://github.com/graphcommerce-org/graphcommerce/pull/2166) [`304b816`](https://github.com/graphcommerce-org/graphcommerce/commit/304b81659caf82d9f500401d21da4110dd40db61) - Dismiss login page and go back to previous page asap when logging in ([@FrankHarland](https://github.com/FrankHarland))
 
 ## 8.0.0-canary.87
 
@@ -301,8 +252,7 @@
 
 ### Patch Changes
 
-- [#2128](https://github.com/graphcommerce-org/graphcommerce/pull/2128) [`2320f8f`](https://github.com/graphcommerce-org/graphcommerce/commit/2320f8fa28713f45f0a9ecfc7d8623120add2a9a) - Fixed bug which caused region to not be set properly if user swapped countries in the checkout process.
-  ([@Jessevdpoel](https://github.com/Jessevdpoel))
+- [#2128](https://github.com/graphcommerce-org/graphcommerce/pull/2128) [`2320f8f`](https://github.com/graphcommerce-org/graphcommerce/commit/2320f8fa28713f45f0a9ecfc7d8623120add2a9a) - Fixed bug which caused region to not be set properly if user swapped countries in the checkout process. ([@Jessevdpoel](https://github.com/Jessevdpoel))
 
 ## 8.0.0-canary.69
 
@@ -310,11 +260,9 @@
 
 ### Patch Changes
 
-- [#1999](https://github.com/graphcommerce-org/graphcommerce/pull/1999) [`ab834fb`](https://github.com/graphcommerce-org/graphcommerce/commit/ab834fbfe057fb507c371a6d22af282cc1b195d4) - Added user session reevaluation after unathenticated call. Queries will be paused untill user has signed in again
-  ([@paales](https://github.com/paales))
+- [#1999](https://github.com/graphcommerce-org/graphcommerce/pull/1999) [`ab834fb`](https://github.com/graphcommerce-org/graphcommerce/commit/ab834fbfe057fb507c371a6d22af282cc1b195d4) - Added user session reevaluation after unathenticated call. Queries will be paused untill user has signed in again ([@paales](https://github.com/paales))
 
-- [#1999](https://github.com/graphcommerce-org/graphcommerce/pull/1999) [`c11f3b8`](https://github.com/graphcommerce-org/graphcommerce/commit/c11f3b88f187bb8e0059a6940b9835a076e5faf8) - Created a debug.sessions config that allows debugging sessions. Enable with GC_DEBUG_SESSIONS=1 in your env or modify your graphcommerce.config.js
-  ([@paales](https://github.com/paales))
+- [#1999](https://github.com/graphcommerce-org/graphcommerce/pull/1999) [`c11f3b8`](https://github.com/graphcommerce-org/graphcommerce/commit/c11f3b88f187bb8e0059a6940b9835a076e5faf8) - Created a debug.sessions config that allows debugging sessions. Enable with GC_DEBUG_SESSIONS=1 in your env or modify your graphcommerce.config.js ([@paales](https://github.com/paales))
 
 ## 7.1.0-canary.67
 
@@ -1749,31 +1697,31 @@
   All occurences of `<Trans>` and `t` need to be replaced:
 
   ```tsx
-  import { Trans, t } from "@lingui/macro";
+  import { Trans, t } from '@lingui/macro'
 
   function MyComponent() {
-    const foo = "bar";
+    const foo = 'bar'
     return (
       <div aria-label={t`Account ${foo}`}>
         <Trans>My Translation {foo}</Trans>
       </div>
-    );
+    )
   }
   ```
 
   Needs to be replaced with:
 
   ```tsx
-  import { Trans } from "@lingui/react";
-  import { i18n } from "@lingui/core";
+  import { Trans } from '@lingui/react'
+  import { i18n } from '@lingui/core'
 
   function MyComponent() {
-    const foo = "bar";
+    const foo = 'bar'
     return (
       <div aria-label={i18n._(/* i18n */ `Account {foo}`, { foo })}>
-        <Trans key="My Translation {foo}" values={{ foo }}></Trans>
+        <Trans key='My Translation {foo}' values={{ foo }}></Trans>
       </div>
-    );
+    )
   }
   ```
 

package/components/AddressFields/AddressAddition.tsx

@@ -1,4 +1,5 @@
 import { TextFieldElement, FieldValues, FieldPath } from '@graphcommerce/ecommerce-ui'
+import { InputCheckmark } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
 import { AddressFieldsOptions, useAddressFieldsForm } from './useAddressFieldsForm'
 
@@ -7,7 +8,7 @@ export function AddressAddition<
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(props: AddressFieldsOptions<TFieldValues, TName>) {
   const form = useAddressFieldsForm<TFieldValues, TName>(props)
-  const { control, name, readOnly, required } = form
+  const { control, name, readOnly, required, valid } = form
 
   return (
     <TextFieldElement
@@ -18,8 +19,10 @@ export function AddressAddition<
       required={required[name.addition]}
       label={<Trans id='Addition' />}
       autoComplete='address-line3'
-      showValid
-      InputProps={{ readOnly }}
+      InputProps={{
+        readOnly,
+        endAdornment: <InputCheckmark show={valid[name.addition]} />,
+      }}
     />
   )
 }

package/components/AddressFields/AddressCity.tsx

@@ -1,4 +1,5 @@
 import { TextFieldElement, FieldValues, FieldPath } from '@graphcommerce/ecommerce-ui'
+import { InputCheckmark } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
 import { AddressFieldsOptions, useAddressFieldsForm } from './useAddressFieldsForm'
 
@@ -7,7 +8,7 @@ export function AddressCity<
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(props: AddressFieldsOptions<TFieldValues, TName>) {
   const form = useAddressFieldsForm<TFieldValues, TName>(props)
-  const { control, name, readOnly, required } = form
+  const { control, name, readOnly, required, valid } = form
 
   return (
     <TextFieldElement
@@ -17,8 +18,10 @@ export function AddressCity<
       type='text'
       required={required[name.city]}
       label={<Trans id='City' />}
-      showValid
-      InputProps={{ readOnly }}
+      InputProps={{
+        readOnly,
+        endAdornment: <InputCheckmark show={valid[name.city]} />,
+      }}
     />
   )
 }

package/components/AddressFields/AddressCountryRegion.tsx

@@ -1,7 +1,7 @@
 import { SelectElement, FieldValues, FieldPath, useWatch } from '@graphcommerce/ecommerce-ui'
 import { useQuery } from '@graphcommerce/graphql'
 import { CountryRegionsDocument } from '@graphcommerce/magento-store'
-import { FormRow, filterNonNullableKeys } from '@graphcommerce/next-ui'
+import { FormRow, InputCheckmark, filterNonNullableKeys } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
 import { useMemo } from 'react'
 import { AddressFieldsOptions, useAddressFieldsForm } from './useAddressFieldsForm'
@@ -43,7 +43,7 @@ export function AddressCountryRegion<
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(props: AddressFieldsOptions<TFieldValues, TName>) {
   const form = useAddressCountryRegion<TFieldValues, TName>(props)
-  const { control, name, readOnly, required, countryList, regionList } = form
+  const { control, name, readOnly, required, valid, countryList, regionList } = form
 
   return (
     <FormRow>
@@ -54,8 +54,10 @@ export function AddressCountryRegion<
         variant='outlined'
         label={<Trans id='Country' />}
         required={required[name.countryCode]}
-        showValid
-        InputProps={{ readOnly }}
+        InputProps={{
+          readOnly,
+          endAdornment: <InputCheckmark show={valid[name.countryCode]} select />,
+        }}
         options={countryList.map((country) => ({
           id: country.two_letter_abbreviation,
           label: country.full_name_locale,
@@ -70,8 +72,10 @@ export function AddressCountryRegion<
           variant='outlined'
           label={<Trans id='Region' />}
           required
-          showValid
-          InputProps={{ readOnly }}
+          InputProps={{
+            readOnly,
+            endAdornment: <InputCheckmark show={valid[name.regionId]} select />,
+          }}
           options={regionList.map((region) => ({ ...region, label: region.name }))}
         />
       )}

package/components/AddressFields/AddressHouseNumber.tsx

@@ -4,6 +4,7 @@ import {
   FieldPath,
   houseNumberPattern,
 } from '@graphcommerce/ecommerce-ui'
+import { InputCheckmark } from '@graphcommerce/next-ui'
 import { i18n } from '@lingui/core'
 import { Trans } from '@lingui/react'
 import { AddressFieldsOptions, useAddressFieldsForm } from './useAddressFieldsForm'
@@ -13,7 +14,7 @@ export function AddressHousenumber<
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(props: AddressFieldsOptions<TFieldValues, TName>) {
   const form = useAddressFieldsForm<TFieldValues, TName>(props)
-  const { control, name, readOnly, required } = form
+  const { control, name, readOnly, required, valid } = form
   return (
     <TextFieldElement
       control={control}
@@ -29,8 +30,10 @@ export function AddressHousenumber<
       type='text'
       label={<Trans id='Housenumber' />}
       autoComplete='address-line2'
-      showValid
-      InputProps={{ readOnly }}
+      InputProps={{
+        readOnly,
+        endAdornment: <InputCheckmark show={valid[name.houseNumber]} />,
+      }}
     />
   )
 }

package/components/AddressFields/AddressPostcode.tsx

@@ -1,4 +1,5 @@
 import { FieldPath, FieldValues, TextFieldElement } from '@graphcommerce/ecommerce-ui'
+import { InputCheckmark } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
 import { AddressFieldsOptions, useAddressFieldsForm } from './useAddressFieldsForm'
 
@@ -7,7 +8,7 @@ export function AddressPostcode<
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(props: AddressFieldsOptions<TFieldValues, TName>) {
   const form = useAddressFieldsForm<TFieldValues, TName>(props)
-  const { control, name, required } = form
+  const { control, name, readOnly, required, valid } = form
 
   return (
     <TextFieldElement
@@ -17,7 +18,10 @@ export function AddressPostcode<
       type='text'
       required={required[name.postcode]}
       label={<Trans id='Postcode' />}
-      showValid
+      InputProps={{
+        readOnly,
+        endAdornment: <InputCheckmark show={valid[name.postcode]} />,
+      }}
     />
   )
 }

package/components/AddressFields/AddressStreet.tsx

@@ -1,4 +1,5 @@
 import { TextFieldElement } from '@graphcommerce/ecommerce-ui'
+import { InputCheckmark } from '@graphcommerce/next-ui'
 import { FieldValues, FieldPath } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/react'
 import { AddressFieldsOptions, useAddressFieldsForm } from './useAddressFieldsForm'
@@ -8,7 +9,7 @@ export function AddressStreet<
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(props: AddressFieldsOptions<TFieldValues, TName>) {
   const form = useAddressFieldsForm<TFieldValues, TName>(props)
-  const { control, name, readOnly, required } = form
+  const { control, name, readOnly, required, valid } = form
   return (
     <TextFieldElement
       variant='outlined'
@@ -18,8 +19,10 @@ export function AddressStreet<
       type='text'
       label={<Trans id='Street' />}
       autoComplete='address-line1'
-      showValid
-      InputProps={{ readOnly }}
+      InputProps={{
+        readOnly,
+        endAdornment: <InputCheckmark show={valid[name.street]} />,
+      }}
     />
   )
 }

package/components/CreateCustomerAddressForm/CreateCustomerAddressForm.tsx

@@ -1,4 +1,4 @@
-import { ApolloErrorSnackbar, TextFieldElement } from '@graphcommerce/ecommerce-ui'
+import { ApolloErrorSnackbar } from '@graphcommerce/ecommerce-ui'
 import { useQuery } from '@graphcommerce/graphql'
 import { CountryCodeEnum } from '@graphcommerce/graphql-mesh'
 import { CountryRegionsDocument, StoreConfigDocument } from '@graphcommerce/magento-store'
@@ -57,7 +57,7 @@ export function CreateCustomerAddressForm() {
     { errorPolicy: 'all' },
   )
 
-  const { handleSubmit, formState, required, error, control, valid, data } = form
+  const { handleSubmit, formState, required, error, muiRegister, valid, data } = form
   const submitHandler = handleSubmit((_, e) => {
     if (!formState.errors) e?.target.reset()
   })
@@ -69,21 +69,19 @@ export function CreateCustomerAddressForm() {
         <AddressFields form={form} name={{ regionId: 'region.region_id' }} />
 
         <FormRow>
-          <TextFieldElement
+          <TextField
             variant='outlined'
             type='text'
             error={!!formState.errors.telephone}
             required={required.telephone}
             label={<Trans id='Telephone' />}
-            control={control}
-            name='telephone'
-            rules={{
+            {...muiRegister('telephone', {
               required: required.telephone,
               pattern: { value: phonePattern, message: i18n._(/* i18n */ 'Invalid phone number') },
-            }}
+            })}
             helperText={formState.isSubmitted && formState.errors.telephone?.message}
             disabled={formState.isSubmitting}
-            showValid
+            InputProps={{ endAdornment: <InputCheckmark show={valid.telephone} /> }}
           />
         </FormRow>
 

package/components/EditAddressForm/EditAddressForm.tsx

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-import { ApolloErrorSnackbar, TextFieldElement } from '@graphcommerce/ecommerce-ui'
+import { ApolloErrorSnackbar } from '@graphcommerce/ecommerce-ui'
 import { useQuery } from '@graphcommerce/graphql'
 import { CountryRegionsDocument } from '@graphcommerce/magento-store'
 import {
@@ -23,9 +23,6 @@ import { UpdateCustomerAddressDocument } from './UpdateCustomerAddress.gql'
 type EditAddressFormProps = {
   address?: AccountAddressFragment
   sx?: SxProps<Theme>
-  /**
-   * @deprecated not used, can be safely removed.
-   */
   onCompleteRoute?: string
 }
 
@@ -78,7 +75,7 @@ export function EditAddressForm(props: EditAddressFormProps) {
     { errorPolicy: 'all' },
   )
 
-  const { handleSubmit, formState, required, error, control, valid } = form
+  const { handleSubmit, formState, required, error, muiRegister, valid } = form
   const submitHandler = handleSubmit(() => {})
 
   return (
@@ -88,21 +85,19 @@ export function EditAddressForm(props: EditAddressFormProps) {
         <AddressFields form={form} name={{ regionId: 'region.region_id' }} />
 
         <FormRow>
-          <TextFieldElement
-            control={control}
-            name='telephone'
+          <TextField
             variant='outlined'
             type='text'
             error={!!formState.errors.telephone}
             required={required.telephone}
             label={<Trans id='Telephone' />}
-            rules={{
+            {...muiRegister('telephone', {
               required: required.telephone,
               pattern: { value: phonePattern, message: i18n._(/* i18n */ 'Invalid phone number') },
-            }}
+            })}
             helperText={formState.isSubmitted && formState.errors.telephone?.message}
             disabled={formState.isSubmitting}
-            showValid
+            InputProps={{ endAdornment: <InputCheckmark show={valid.telephone} /> }}
           />
         </FormRow>
 

package/components/ForgotPasswordForm/ForgotPasswordForm.tsx

@@ -1,10 +1,9 @@
-import { TextFieldElement } from '@graphcommerce/ecommerce-ui'
 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 { Alert, SxProps, Theme } from '@mui/material'
+import { TextField, Alert, SxProps, Theme } from '@mui/material'
 import { ApolloCustomerErrorAlert } from '../ApolloCustomerError/ApolloCustomerErrorAlert'
 import {
   ForgotPasswordDocument,
@@ -17,7 +16,7 @@ export function ForgotPasswordForm(props: { sx?: SxProps<Theme> }) {
   const form = useFormGqlMutation<ForgotPasswordMutation, ForgotPasswordMutationVariables>(
     ForgotPasswordDocument,
   )
-  const { control, handleSubmit, required, data, formState, error } = form
+  const { muiRegister, handleSubmit, required, data, formState, error } = form
   const submitHandler = handleSubmit(() => {})
 
   if (formState.isSubmitSuccessful && data) {
@@ -38,20 +37,18 @@ export function ForgotPasswordForm(props: { sx?: SxProps<Theme> }) {
   return (
     <Form onSubmit={submitHandler} noValidate sx={sx}>
       <FormRow>
-        <TextFieldElement
+        <TextField
           variant='outlined'
           type='text'
           error={!!formState.errors.email}
           label={<Trans id='Email' />}
           required={required.email}
-          name='email'
-          control={control}
-          rules={{
+          {...muiRegister('email', {
+            required: required.email,
             pattern: { value: emailPattern, message: i18n._(/* i18n */ 'Invalid email address') },
-          }}
+          })}
           helperText={formState.errors.email?.message}
           disabled={formState.isSubmitting}
-          showValid
         />
       </FormRow>
 

package/components/NameFields/NameFields.tsx

@@ -1,5 +1,5 @@
 import { SelectElement, TextFieldElement } from '@graphcommerce/ecommerce-ui'
-import { FormRow } from '@graphcommerce/next-ui'
+import { FormRow, InputCheckmark } from '@graphcommerce/next-ui'
 import { assertFormGqlOperation, UseFormReturn } from '@graphcommerce/react-hook-form'
 import { i18n } from '@lingui/core'
 import { Trans } from '@lingui/react'
@@ -27,7 +27,7 @@ export function NameFields(props: NameFieldProps) {
   const { prefix, form, readOnly, prefixes = [mr, mrs, other] } = props
   assertFormGqlOperation<NameFieldValues>(form)
 
-  const { control, required } = form
+  const { control, required, valid } = form
 
   return (
     <>
@@ -40,32 +40,41 @@ export function NameFields(props: NameFieldProps) {
             required={required.prefix}
             name='prefix'
             label={<Trans id='Prefix' />}
-            showValid
-            InputProps={{ readOnly }}
-            options={prefixes.map((option) => ({ id: option, label: option }))}
+            InputProps={{
+              readOnly,
+              endAdornment: <InputCheckmark show={valid.prefix} select />,
+            }}
+            options={prefixes.map((option) => ({
+              id: option,
+              label: option,
+            }))}
           />
         </FormRow>
       )}
       <FormRow>
         <TextFieldElement
-          control={control}
+          control={form.control}
           name='firstname'
           required={required.firstname}
           variant='outlined'
           type='text'
           label={<Trans id='First Name' />}
-          InputProps={{ readOnly }}
-          showValid
+          InputProps={{
+            readOnly,
+            endAdornment: <InputCheckmark show={valid.firstname} />,
+          }}
         />
         <TextFieldElement
-          control={control}
+          control={form.control}
           name='lastname'
           required={required.lastname}
           variant='outlined'
           type='text'
           label={<Trans id='Last Name' />}
-          InputProps={{ readOnly }}
-          showValid
+          InputProps={{
+            readOnly,
+            endAdornment: <InputCheckmark show={valid.lastname} />,
+          }}
         />
       </FormRow>
     </>

package/components/SignUpForm/SignUpForm.tsx

@@ -1,9 +1,10 @@
-import { PasswordRepeatElement, SwitchElement } 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 { FormPersist, useFormGqlMutation } from '@graphcommerce/react-hook-form'
+import { useFormGqlMutation, useFormPersist } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/react'
-import { Alert } from '@mui/material'
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
+import { Alert, FormControlLabel, Switch } from '@mui/material'
 import { useSignInForm } from '../../hooks/useSignInForm'
 import { ApolloCustomerErrorSnackbar } from '../ApolloCustomerError/ApolloCustomerErrorSnackbar'
 import { NameFields } from '../NameFields/NameFields'
@@ -38,11 +39,13 @@ export function SignUpForm(props: SignUpFormProps) {
     { errorPolicy: 'all' },
   )
 
-  const { handleSubmit, required, formState, error, control } = form
+  const { muiRegister, handleSubmit, required, formState, error, control } = form
   const [remainingError, inputError] = graphqlErrorByCategory({ category: 'graphql-input', error })
 
   const submitHandler = handleSubmit(() => {})
 
+  useFormPersist({ form, name: 'SignUp', exclude: ['password', 'confirmPassword'] })
+
   if (requireEmailValidation && form.formState.isSubmitSuccessful) {
     return (
       <Alert>
@@ -54,7 +57,6 @@ export function SignUpForm(props: SignUpFormProps) {
   return (
     <form onSubmit={submitHandler} noValidate>
       <FormRow>
-        <FormPersist form={form} name='SignUp' exclude={['password', 'confirmPassword']} />
         <ValidatedPasswordElement
           control={control}
           name='password'
@@ -82,9 +84,9 @@ export function SignUpForm(props: SignUpFormProps) {
 
       <NameFields form={form} prefix />
 
-      <SwitchElement
-        control={control}
-        name='isSubscribed'
+      <FormControlLabel
+        control={<Switch color='primary' />}
+        {...muiRegister('isSubscribed', { required: required.isSubscribed })}
         disabled={formState.isSubmitting}
         label={<Trans id='Subscribe to newsletter' />}
       />

package/components/UpdateCustomerEmailForm/UpdateCustomerEmailForm.tsx

@@ -1,4 +1,4 @@
-import { PasswordElement, TextFieldElement } from '@graphcommerce/ecommerce-ui'
+import { PasswordElement } from '@graphcommerce/ecommerce-ui'
 import { graphqlErrorByCategory } from '@graphcommerce/magento-graphql'
 import {
   Button,
@@ -12,6 +12,7 @@ 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 { ApolloCustomerErrorSnackbar } from '../ApolloCustomerError'
 import {
   UpdateCustomerEmailDocument,
@@ -31,17 +32,13 @@ export function UpdateCustomerEmailForm(props: UpdateCustomerEmailFormProps) {
     UpdateCustomerEmailMutationVariables & { currentEmail?: string; confirmEmail?: string }
   >(
     UpdateCustomerEmailDocument,
-    {
-      defaultValues: {
-        currentEmail: email,
-      },
-    },
+    {},
     {
       errorPolicy: 'all',
     },
   )
 
-  const { handleSubmit, error, required, formState, watch, reset, control } = form
+  const { handleSubmit, error, required, formState, watch, muiRegister, reset, control } = form
   const [remainingError, authenticationError] = graphqlErrorByCategory({
     category: 'graphql-authentication',
     error,
@@ -54,20 +51,30 @@ export function UpdateCustomerEmailForm(props: UpdateCustomerEmailFormProps) {
   return (
     <Form onSubmit={submit} noValidate>
       <FormRow>
-        <TextFieldElement
+        <TextField
+          key='current-email'
           variant='outlined'
           type='text'
+          autoComplete='email'
+          autoFocus
+          error={formState.isSubmitted && !!formState.errors.currentEmail}
+          helperText={formState.isSubmitted && formState.errors.currentEmail?.message}
           label={<Trans id='Current email' />}
           required
-          name='currentEmail'
-          control={control}
-          showValid
-          InputProps={{ readOnly: true }}
+          value={email}
+          {...muiRegister('currentEmail', {
+            required: true,
+            pattern: { value: emailPattern, message: '' },
+          })}
+          InputProps={{
+            readOnly: true,
+          }}
         />
       </FormRow>
 
       <FormRow>
-        <TextFieldElement
+        <TextField
+          key='email'
           variant='outlined'
           type='text'
           autoComplete='off'
@@ -75,15 +82,12 @@ export function UpdateCustomerEmailForm(props: UpdateCustomerEmailFormProps) {
           helperText={formState.isSubmitted && formState.errors.email?.message}
           label={<Trans id='New email' />}
           required={required.email}
-          name='email'
-          rules={{
+          {...muiRegister('email', {
             required: true,
             pattern: { value: emailPattern, message: '' },
-          }}
-          showValid
-          control={control}
+          })}
         />
-        <TextFieldElement
+        <TextField
           key='confirm-email'
           variant='outlined'
           type='text'
@@ -92,13 +96,10 @@ export function UpdateCustomerEmailForm(props: UpdateCustomerEmailFormProps) {
           helperText={formState.isSubmitted && formState.errors.confirmEmail?.message}
           label={<Trans id='Confirm new email' />}
           required
-          name='confirmEmail'
-          rules={{
+          {...muiRegister('confirmEmail', {
             required: true,
             validate: (value) => value === watchNewEmail || i18n._(/* i18n */ "Emails don't match"),
-          }}
-          showValid
-          control={control}
+          })}
         />
       </FormRow>
 

package/components/UpdateDefaultAddressForm/UpdateDefaultAddressForm.tsx

@@ -1,4 +1,4 @@
-import { Controller, FormAutoSubmit, useFormGqlMutation } from '@graphcommerce/react-hook-form'
+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'
@@ -32,6 +32,7 @@ export function UpdateDefaultAddressForm(props: UpdateDefaultAddressFormProps) {
   const { handleSubmit, control, error, reset, formState } = form
 
   const submit = handleSubmit(() => {})
+  useFormAutoSubmit({ form, submit })
 
   useEffect(() => {
     reset(defaultValues)
@@ -39,7 +40,6 @@ export function UpdateDefaultAddressForm(props: UpdateDefaultAddressFormProps) {
 
   return (
     <form onSubmit={() => {}} noValidate>
-      <FormAutoSubmit control={control} submit={submit} />
       <Controller
         name='defaultShipping'
         control={control}

package/hooks/useAccountSignInUpForm.tsx

@@ -1,7 +1,7 @@
 import { usePageContext } from '@graphcommerce/framer-next-pages'
 import { useQuery } from '@graphcommerce/graphql'
-import { useUrlQuery } from '@graphcommerce/next-ui'
 import { useFormGqlQuery } from '@graphcommerce/react-hook-form'
+import { useRouter } from 'next/router'
 import { useEffect } from 'react'
 import { CustomerDocument } from './Customer.gql'
 import {
@@ -10,6 +10,7 @@ import {
   IsEmailAvailableQueryVariables,
 } from './IsEmailAvailable.gql'
 import { useCustomerSession } from './useCustomerSession'
+import { useUrlQuery } from '@graphcommerce/next-ui'
 
 export type UseFormIsEmailAvailableProps = {
   onSubmitted?: (data: { email: string }) => void

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-customer",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "8.0.6-canary.4",
+  "version": "8.0.7",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,19 +12,19 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/ecommerce-ui": "^8.0.6-canary.4",
-    "@graphcommerce/eslint-config-pwa": "^8.0.6-canary.4",
-    "@graphcommerce/framer-next-pages": "^8.0.6-canary.4",
-    "@graphcommerce/framer-utils": "^8.0.6-canary.4",
-    "@graphcommerce/graphql": "^8.0.6-canary.4",
-    "@graphcommerce/graphql-mesh": "^8.0.6-canary.4",
-    "@graphcommerce/image": "^8.0.6-canary.4",
-    "@graphcommerce/magento-graphql": "^8.0.6-canary.4",
-    "@graphcommerce/magento-store": "^8.0.6-canary.4",
-    "@graphcommerce/next-ui": "^8.0.6-canary.4",
-    "@graphcommerce/prettier-config-pwa": "^8.0.6-canary.4",
-    "@graphcommerce/react-hook-form": "^8.0.6-canary.4",
-    "@graphcommerce/typescript-config-pwa": "^8.0.6-canary.4",
+    "@graphcommerce/ecommerce-ui": "^8.0.7",
+    "@graphcommerce/eslint-config-pwa": "^8.0.7",
+    "@graphcommerce/framer-next-pages": "^8.0.7",
+    "@graphcommerce/framer-utils": "^8.0.7",
+    "@graphcommerce/graphql": "^8.0.7",
+    "@graphcommerce/graphql-mesh": "^8.0.7",
+    "@graphcommerce/image": "^8.0.7",
+    "@graphcommerce/magento-graphql": "^8.0.7",
+    "@graphcommerce/magento-store": "^8.0.7",
+    "@graphcommerce/next-ui": "^8.0.7",
+    "@graphcommerce/prettier-config-pwa": "^8.0.7",
+    "@graphcommerce/react-hook-form": "^8.0.7",
+    "@graphcommerce/typescript-config-pwa": "^8.0.7",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",