@graphcommerce/magento-cart-payment-method 3.6.3 → 3.6.4

package/Api/PaymentMethodContext.graphql

@@ -1,4 +1,4 @@
-fragment PaymentMethodContext on Cart @injectable @inject(into: ["ShippingMethodSelected"]) {
+fragment PaymentMethodContext on Cart @injectable {
   id
   available_payment_methods {
     ...AvailablePaymentMethod

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Change Log
 
+## 3.6.4
+
+### Patch Changes
+
+- [#1672](https://github.com/graphcommerce-org/graphcommerce/pull/1672) [`82a0c9049`](https://github.com/graphcommerce-org/graphcommerce/commit/82a0c904992f104bc1ffc3b1be65eb17bdd0ef1d) Thanks [@FrankHarland](https://github.com/FrankHarland)! - Add translation to paymentmethod form
+
+- Updated dependencies [[`9e630670f`](https://github.com/graphcommerce-org/graphcommerce/commit/9e630670ff6c952ab7b938d890b5509804985cf3), [`cf3518499`](https://github.com/graphcommerce-org/graphcommerce/commit/cf351849999ad6fe73ce2bb258098a7dd301d517), [`81f31d1e5`](https://github.com/graphcommerce-org/graphcommerce/commit/81f31d1e54397368088a4289aaddd29facfceeef), [`2e9fa5984`](https://github.com/graphcommerce-org/graphcommerce/commit/2e9fa5984a07ff14fc1b3a4f62189a26e8e3ecdd), [`adf13069a`](https://github.com/graphcommerce-org/graphcommerce/commit/adf13069af6460c960276b402237371c12fc6dec), [`a8905d263`](https://github.com/graphcommerce-org/graphcommerce/commit/a8905d263273cb9322583d5759a5fdc66eceb8e4), [`1b1504c9b`](https://github.com/graphcommerce-org/graphcommerce/commit/1b1504c9b0e51f2787bce91e1ff1940f540411d6), [`8a34f8081`](https://github.com/graphcommerce-org/graphcommerce/commit/8a34f808186274a6fe1d4f309472f1a9c6d00efd), [`3dde492ad`](https://github.com/graphcommerce-org/graphcommerce/commit/3dde492ad3a49d96481eeb7453fb305d0017b1a5)]:
+  - @graphcommerce/next-ui@4.28.1
+  - @graphcommerce/graphql@3.5.0
+  - @graphcommerce/framer-scroller@2.1.41
+  - @graphcommerce/magento-cart@4.9.0
+  - @graphcommerce/magento-store@4.3.2
+  - @graphcommerce/image@3.1.10
+
 ## 3.6.3
 
 ### Patch Changes

package/PaymentMethodActionCardList/PaymentMethodActionCardListForm.tsx

@@ -12,6 +12,7 @@ import {
   UseFormComposeOptions,
   useFormPersist,
 } from '@graphcommerce/react-hook-form'
+import { i18n } from '@lingui/core'
 import { Trans } from '@lingui/react'
 import { SxProps, Theme } from '@mui/material'
 import { useEffect } from 'react'
@@ -112,7 +113,7 @@ export function PaymentMethodActionCardListForm(props: PaymentMethodActionCardLi
     <ActionCardListForm<PaymentOptionsProps & ActionCardItemBase>
       control={control}
       name='paymentMethod'
-      errorMessage='Please select a payment method'
+      errorMessage={i18n._(/* i18n */ 'Please select a payment method')}
       collapse
       size='large'
       color='secondary'

package/PaymentMethodButton/PaymentMethodButton.tsx

@@ -1,9 +1,16 @@
 import { ApolloCartErrorSnackbar } from '@graphcommerce/magento-cart'
 import { LinkOrButton, LinkOrButtonProps } from '@graphcommerce/next-ui'
-import { ComposedSubmit, ComposedSubmitRenderComponentProps } from '@graphcommerce/react-hook-form'
+import {
+  ComposedSubmit,
+  ComposedSubmitProps,
+  ComposedSubmitRenderComponentProps,
+} from '@graphcommerce/react-hook-form'
 import { usePaymentMethodContext } from '../PaymentMethodContext/PaymentMethodContext'
 
-export type PaymentMethodButtonProps = LinkOrButtonProps & { display?: 'inline' | 'block' }
+export type PaymentMethodButtonProps = LinkOrButtonProps & { display?: 'inline' | 'block' } & Pick<
+    ComposedSubmitProps,
+    'onSubmitSuccessful'
+  >
 
 function PaymentMethodButtonRenderer(
   props: { buttonProps: LinkOrButtonProps } & ComposedSubmitRenderComponentProps,
@@ -44,10 +51,11 @@ function PaymentMethodButtonRenderer(
 }
 
 export function PaymentMethodButton(props: PaymentMethodButtonProps) {
-  const { display, ...buttonProps } = props
+  const { display, onSubmitSuccessful, ...buttonProps } = props
 
   return (
     <ComposedSubmit
+      onSubmitSuccessful={onSubmitSuccessful}
       render={({ submit, buttonState, error }) => {
         const errorVal = buttonState.isSubmitting ? undefined : error
         const button = (

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-cart-payment-method",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "3.6.3",
+  "version": "3.6.4",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -15,17 +15,17 @@
     "@graphcommerce/eslint-config-pwa": "^4.1.10",
     "@graphcommerce/prettier-config-pwa": "^4.0.6",
     "@graphcommerce/typescript-config-pwa": "^4.0.4",
-    "@graphcommerce/magento-cart-shipping-address": "3.5.3",
+    "@graphcommerce/magento-cart-shipping-address": "3.5.4",
     "@playwright/test": "^1.21.1",
     "type-fest": "^2.12.2"
   },
   "dependencies": {
-    "@graphcommerce/framer-scroller": "2.1.40",
-    "@graphcommerce/graphql": "3.4.8",
-    "@graphcommerce/image": "3.1.9",
-    "@graphcommerce/magento-cart": "4.8.7",
-    "@graphcommerce/magento-store": "4.3.1",
-    "@graphcommerce/next-ui": "4.28.0",
+    "@graphcommerce/framer-scroller": "2.1.41",
+    "@graphcommerce/graphql": "3.5.0",
+    "@graphcommerce/image": "3.1.10",
+    "@graphcommerce/magento-cart": "4.9.0",
+    "@graphcommerce/magento-store": "4.3.2",
+    "@graphcommerce/next-ui": "4.28.1",
     "@graphcommerce/react-hook-form": "3.3.5"
   },
   "peerDependencies": {