@graphcommerce/magento-customer 10.1.0-canary.13 → 10.1.0-canary.18

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Change Log
 
+## 10.1.0-canary.18
+
+## 10.1.0-canary.17
+
+### Minor Changes
+
+- [#2624](https://github.com/graphcommerce-org/graphcommerce/pull/2624) [`cbad1fd`](https://github.com/graphcommerce-org/graphcommerce/commit/cbad1fd6e7463620b097d29dea7730c965444aeb) - `CustomerUpdateForm` now accepts `useFormGqlOptions` and `mutationOptions` props that get forwarded to its underlying `useCustomerUpdateForm` hook. Lets consumers attach an `onComplete` (e.g. to close an overlay and navigate back on a successful save), an `onBeforeSubmit` (to amend or veto the variables), or any other option already supported by `useFormGqlMutation`/`useMutation` — without having to drop down and rebuild the form from scratch.
+
+  Defaults preserve existing behaviour, so the change is backwards compatible. ([@paales](https://github.com/paales))
+
+## 10.1.0-canary.16
+
+### Minor Changes
+
+- [#2624](https://github.com/graphcommerce-org/graphcommerce/pull/2624) [`cbad1fd`](https://github.com/graphcommerce-org/graphcommerce/commit/cbad1fd6e7463620b097d29dea7730c965444aeb) - `CustomerUpdateForm` now accepts `useFormGqlOptions` and `mutationOptions` props that get forwarded to its underlying `useCustomerUpdateForm` hook. Lets consumers attach an `onComplete` (e.g. to close an overlay and navigate back on a successful save), an `onBeforeSubmit` (to amend or veto the variables), or any other option already supported by `useFormGqlMutation`/`useMutation` — without having to drop down and rebuild the form from scratch.
+
+  Defaults preserve existing behaviour, so the change is backwards compatible. ([@paales](https://github.com/paales))
+
+## 10.1.0-canary.15
+
+## 10.1.0-canary.14
+
 ## 10.1.0-canary.13
 
 ### Minor Changes

package/components/CustomerForms/CustomerUpdateForm.tsx

@@ -4,6 +4,8 @@ import {
   type AttributeFormAutoLayoutProps,
 } from '@graphcommerce/magento-store'
 import { Button, FormActions, type ButtonProps } from '@graphcommerce/next-ui'
+import type { UseFormGraphQlOptions } from '@graphcommerce/react-hook-form'
+import type { useMutation } from '@apollo/client/react'
 import { Trans } from '@lingui/react/macro'
 import { styled } from '@mui/material'
 import type { ComponentProps } from 'react'
@@ -14,6 +16,7 @@ import {
   type UpdateCustomerFormValues,
   type UseCustomerUpdateFormConfig,
 } from './useCustomerUpdateForm'
+import type { UseCustomerUpdateFormMutation } from './UseCustomerUpdateForm.gql'
 
 const Form = styled('form')({})
 
@@ -30,12 +33,18 @@ export type CustomerUpdateFormProps = Pick<
     formActions?: ComponentProps<typeof FormActions>
     button?: Omit<ButtonProps, 'type' | 'loading'>
   }
+  useFormGqlOptions?: UseFormGraphQlOptions<UseCustomerUpdateFormMutation, UpdateCustomerFormValues>
+  mutationOptions?: useMutation.Options<UseCustomerUpdateFormMutation, UpdateCustomerFormValues>
 } & UseCustomerUpdateFormConfig
 
 export function CustomerUpdateForm(props: CustomerUpdateFormProps) {
-  const { slotProps, fieldsets, render, ...config } = props
+  const { slotProps, fieldsets, render, useFormGqlOptions, mutationOptions, ...config } = props
 
-  const { control, handleSubmit, formState, error, attributes } = useCustomerUpdateForm(config)
+  const { control, handleSubmit, formState, error, attributes } = useCustomerUpdateForm(
+    config,
+    useFormGqlOptions,
+    mutationOptions,
+  )
   const submit = handleSubmit(() => {})
 
   return (

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-customer",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "10.1.0-canary.13",
+  "version": "10.1.0-canary.18",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -21,20 +21,20 @@
     "./plugins/magentoCustomerPrivateQueryContext": "./plugins/magentoCustomerPrivateQueryContext.ts"
   },
   "peerDependencies": {
-    "@graphcommerce/ecommerce-ui": "^10.1.0-canary.13",
-    "@graphcommerce/eslint-config-pwa": "^10.1.0-canary.13",
-    "@graphcommerce/framer-next-pages": "^10.1.0-canary.13",
-    "@graphcommerce/framer-utils": "^10.1.0-canary.13",
-    "@graphcommerce/graphql": "^10.1.0-canary.13",
-    "@graphcommerce/graphql-mesh": "^10.1.0-canary.13",
-    "@graphcommerce/image": "^10.1.0-canary.13",
-    "@graphcommerce/magento-graphql": "^10.1.0-canary.13",
-    "@graphcommerce/magento-store": "^10.1.0-canary.13",
-    "@graphcommerce/next-config": "^10.1.0-canary.13",
-    "@graphcommerce/next-ui": "^10.1.0-canary.13",
-    "@graphcommerce/prettier-config-pwa": "^10.1.0-canary.13",
-    "@graphcommerce/react-hook-form": "^10.1.0-canary.13",
-    "@graphcommerce/typescript-config-pwa": "^10.1.0-canary.13",
+    "@graphcommerce/ecommerce-ui": "^10.1.0-canary.18",
+    "@graphcommerce/eslint-config-pwa": "^10.1.0-canary.18",
+    "@graphcommerce/framer-next-pages": "^10.1.0-canary.18",
+    "@graphcommerce/framer-utils": "^10.1.0-canary.18",
+    "@graphcommerce/graphql": "^10.1.0-canary.18",
+    "@graphcommerce/graphql-mesh": "^10.1.0-canary.18",
+    "@graphcommerce/image": "^10.1.0-canary.18",
+    "@graphcommerce/magento-graphql": "^10.1.0-canary.18",
+    "@graphcommerce/magento-store": "^10.1.0-canary.18",
+    "@graphcommerce/next-config": "^10.1.0-canary.18",
+    "@graphcommerce/next-ui": "^10.1.0-canary.18",
+    "@graphcommerce/prettier-config-pwa": "^10.1.0-canary.18",
+    "@graphcommerce/react-hook-form": "^10.1.0-canary.18",
+    "@graphcommerce/typescript-config-pwa": "^10.1.0-canary.18",
     "@lingui/core": "^5",
     "@lingui/macro": "^5",
     "@lingui/react": "^5",