@graphcommerce/magento-cart-payment-method 3.3.0 → 3.3.3

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Change Log
 
+## 3.3.3
+
+### Patch Changes
+
+- [#1524](https://github.com/graphcommerce-org/graphcommerce/pull/1524) [`dae4551b7`](https://github.com/graphcommerce-org/graphcommerce/commit/dae4551b7b8181adc3405fb1ce88eae56495a8a9) Thanks [@paales](https://github.com/paales)! - make sure we are correctly rendering children when the payment method is a childmethod
+
+- Updated dependencies [[`d140fca34`](https://github.com/graphcommerce-org/graphcommerce/commit/d140fca3463b73e761e23fd1d9216305727f0c1a), [`9ec0338df`](https://github.com/graphcommerce-org/graphcommerce/commit/9ec0338dfe34d37b0f2c24e36ffa6ed13ea1145e), [`735b78672`](https://github.com/graphcommerce-org/graphcommerce/commit/735b786724d5401cbe6e88f2515e121a1a0945b2)]:
+  - @graphcommerce/magento-cart@4.4.6
+  - @graphcommerce/next-ui@4.11.0
+  - @graphcommerce/magento-store@4.2.12
+  - @graphcommerce/graphql@3.3.0
+  - @graphcommerce/framer-scroller@2.1.18
+
+## 3.3.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @graphcommerce/magento-cart@4.4.5
+
+## 3.3.1
+
+### Patch Changes
+
+- [#1519](https://github.com/graphcommerce-org/graphcommerce/pull/1519) [`64c7b6b45`](https://github.com/graphcommerce-org/graphcommerce/commit/64c7b6b4595a13110453f98680ffd69f27f2c656) Thanks [@paales](https://github.com/paales)! - mollie_meta should not be in general package
+
 ## 3.3.0
 
 ### Minor Changes

package/PaymentMethodActionCardList/PaymentMethodActionCardListForm.tsx

@@ -27,12 +27,15 @@ function PaymentMethodActionCard(
     sx?: SxProps<Theme>
   },
 ) {
-  const { onReset, code, step, Container, mollie_meta, sx = [] } = props
+  const { onReset, code, step, child, Container, sx = [] } = props
   const { selectedMethod, selectedModule, modules } = usePaymentMethodContext()
 
-  const selectedAndOptions = selectedMethod?.code === code && selectedModule?.PaymentOptions
+  const selectedAndOptions =
+    selectedMethod?.code === code &&
+    selectedMethod.child === child &&
+    selectedModule?.PaymentOptions
+
   const Card = modules[code]?.PaymentActionCard ?? DefaultPaymentActionCard
-  const iconSize = useIconSvgSize('large')
 
   return (
     <Card
@@ -43,18 +46,6 @@ function PaymentMethodActionCard(
         },
         ...(Array.isArray(sx) ? sx : [sx]),
       ]}
-      image={
-        mollie_meta?.image && (
-          <Image
-            layout='fixed'
-            sx={{ width: iconSize, height: iconSize }}
-            width={0}
-            height={0}
-            unoptimized
-            src={mollie_meta?.image}
-          />
-        )
-      }
       action={
         <Button disableRipple variant='inline' color='secondary'>
           <Trans id='Select' />
@@ -95,6 +86,7 @@ export function PaymentMethodActionCardListForm(props: PaymentMethodActionCardLi
   useFormPersist({ form, name: 'PaymentMethodActionCardList' })
   useFormCompose({ form, step: 1, submit, key: 'PaymentMethodActionCardList' })
 
+  // todo: Do not useEffect to set value, usePaymentMethodContext should calculate these values.
   useEffect(() => {
     const [code, child] = paymentMethod?.split('___') ?? ['']
     if (code === selectedMethod?.code) return
@@ -116,20 +108,17 @@ export function PaymentMethodActionCardListForm(props: PaymentMethodActionCardLi
   if (!methods || methods.length < 1) return null
 
   return (
-    <Form onSubmit={submit} noValidate>
-      <ActionCardListForm<PaymentOptionsProps & ActionCardItemBase>
-        control={control}
-        name='paymentMethod'
-        errorMessage='Please select a shipping address'
-        items={methods.map((method) => ({
-          ...method,
-          value: method.code,
-          step,
-          Container: FormDiv,
-        }))}
-        render={PaymentMethodActionCard}
-      />
-      {/* <ApolloCartErrorAlert error={error} /> */}
-    </Form>
+    <ActionCardListForm<PaymentOptionsProps & ActionCardItemBase>
+      control={control}
+      name='paymentMethod'
+      errorMessage='Please select a shipping address'
+      items={methods.map((method) => ({
+        ...method,
+        value: method.code,
+        step,
+        Container: FormDiv,
+      }))}
+      render={PaymentMethodActionCard}
+    />
   )
 }

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.3.0",
+  "version": "3.3.3",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -15,17 +15,17 @@
     "@graphcommerce/eslint-config-pwa": "^4.1.8",
     "@graphcommerce/prettier-config-pwa": "^4.0.6",
     "@graphcommerce/typescript-config-pwa": "^4.0.3",
-    "@graphcommerce/magento-cart-shipping-address": "3.2.0",
+    "@graphcommerce/magento-cart-shipping-address": "3.2.2",
     "@playwright/test": "^1.21.1",
     "type-fest": "^2.12.2"
   },
   "dependencies": {
-    "@graphcommerce/framer-scroller": "2.1.17",
-    "@graphcommerce/graphql": "3.2.1",
+    "@graphcommerce/framer-scroller": "2.1.18",
+    "@graphcommerce/graphql": "3.3.0",
     "@graphcommerce/image": "3.1.7",
-    "@graphcommerce/magento-cart": "4.4.4",
-    "@graphcommerce/magento-store": "4.2.11",
-    "@graphcommerce/next-ui": "4.10.0",
+    "@graphcommerce/magento-cart": "4.4.6",
+    "@graphcommerce/magento-store": "4.2.12",
+    "@graphcommerce/next-ui": "4.11.0",
     "@graphcommerce/react-hook-form": "3.2.2"
   },
   "peerDependencies": {