@graphcommerce/mollie-magento-payment 3.2.20 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/Inject/MolliePaymentMethod.graphql +3 -0
  3. package/components/MollieActionCard/MollieIdealActionCard.tsx +25 -0
  4. package/components/MollieActionCard/ideal-logo.svg +38 -0
  5. package/components/MollieOptionsIssuer/MollieIssuerOptions.tsx +0 -3
  6. package/components/MollieOptionsToken/MollieCreditCardOptions.tsx +0 -3
  7. package/index.ts +0 -1
  8. package/methods/mollie_methods_creditcard.ts +0 -2
  9. package/methods/mollie_methods_ideal.ts +2 -2
  10. package/methods/mollie_methods_paypal.ts +0 -2
  11. package/package.json +8 -8
  12. package/components/MolliePaymentToggle/MolliePaymentToggle.tsx +0 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # Change Log
2
2
 
3
+ ## 3.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1518](https://github.com/graphcommerce-org/graphcommerce/pull/1518) [`4143483f3`](https://github.com/graphcommerce-org/graphcommerce/commit/4143483f37c038d2bbf218be2685e27a31a35745) Thanks [@mikekeehnen](https://github.com/mikekeehnen)! - New ActionCardListForm implementation for Payment Methods
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [[`371e6cf52`](https://github.com/graphcommerce-org/graphcommerce/commit/371e6cf52916a3b6c44192bd40cc8271bd608832), [`4143483f3`](https://github.com/graphcommerce-org/graphcommerce/commit/4143483f37c038d2bbf218be2685e27a31a35745)]:
12
+ - @graphcommerce/next-ui@4.10.0
13
+ - @graphcommerce/magento-cart-payment-method@3.3.0
14
+ - @graphcommerce/magento-cart@4.4.4
15
+ - @graphcommerce/magento-store@4.2.11
16
+
3
17
  ## 3.2.20
4
18
 
5
19
  ### Patch Changes
package/Inject/MolliePaymentMethod.graphql CHANGED
@@ -5,4 +5,7 @@ fragment MollieAvailablePaymentMethod on AvailablePaymentMethod
5
5
  name
6
6
  svg
7
7
  }
8
+ mollie_meta {
9
+ image
10
+ }
8
11
  }
package/components/MollieActionCard/MollieIdealActionCard.tsx ADDED
@@ -0,0 +1,25 @@
1
+ import { Image } from '@graphcommerce/image'
2
+ import { PaymentMethodActionCardProps } from '@graphcommerce/magento-cart-payment-method'
3
+ import { ActionCard, useIconSvgSize } from '@graphcommerce/next-ui'
4
+ import idealIcon from './ideal-logo.svg'
5
+
6
+ export function MollieActionCard(props: PaymentMethodActionCardProps) {
7
+ const { mollie_meta } = props
8
+ const iconSize = useIconSvgSize('large')
9
+
10
+ return (
11
+ <ActionCard
12
+ {...props}
13
+ image={
14
+ mollie_meta?.image && (
15
+ <Image
16
+ layout='fixed'
17
+ sx={{ width: iconSize, height: iconSize }}
18
+ unoptimized
19
+ src={idealIcon}
20
+ />
21
+ )
22
+ }
23
+ />
24
+ )
25
+ }
package/components/MollieActionCard/ideal-logo.svg ADDED
@@ -0,0 +1,38 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 306.1 269.8" style="enable-background:new 0 0 306.1 269.8;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#FFFFFF;}
7
+ .st1{fill:#CC0066;}
8
+ </style>
9
+ <g>
10
+ <g>
11
+ <path class="st0" d="M0,20v229.8c0,11,9,20,20,20h137.3c103.8,0,148.8-58.1,148.8-135.2C306.1,57.9,261.1,0,157.3,0H20
12
+ C9,0,0,9,0,20z"/>
13
+ <path class="st1" d="M91.9,56.4v169.8h73.9c67.1,0,96.2-37.9,96.2-91.5c0-51.3-29.1-91.1-96.2-91.1h-61.1
14
+ C97.6,43.6,91.9,49.4,91.9,56.4z"/>
15
+ <g>
16
+ <g>
17
+ <path d="M157.3,251.5H37.9c-10.6,0-19.2-8.6-19.2-19.2V37.6c0-10.6,8.6-19.2,19.2-19.2h119.4c113.3,0,130.2,72.9,130.2,116.3
18
+ C287.5,210,241.2,251.5,157.3,251.5z M37.9,24.8c-7.1,0-12.8,5.7-12.8,12.8v194.7c0,7.1,5.7,12.8,12.8,12.8h119.4
19
+ c79.8,0,123.8-39.2,123.8-110.4c0-95.6-77.6-109.9-123.8-109.9H37.9z"/>
20
+ </g>
21
+ </g>
22
+ </g>
23
+ <g>
24
+ <path class="st0" d="M117.9,111.8c2.6,0,5,0.4,7.3,1.2c2.3,0.8,4.2,2.1,5.9,3.7c1.6,1.7,2.9,3.8,3.9,6.2c0.9,2.5,1.4,5.4,1.4,8.8
25
+ c0,3-0.4,5.7-1.1,8.2c-0.8,2.5-1.9,4.7-3.4,6.5c-1.5,1.8-3.4,3.2-5.7,4.3c-2.3,1-5,1.6-8.1,1.6h-17.5v-40.6H117.9z M117.3,144.9
26
+ c1.3,0,2.5-0.2,3.8-0.6c1.2-0.4,2.3-1.1,3.2-2.1c0.9-1,1.7-2.2,2.3-3.8c0.6-1.6,0.9-3.4,0.9-5.7c0-2-0.2-3.9-0.6-5.5
27
+ c-0.4-1.6-1.1-3.1-2-4.2s-2.1-2.1-3.6-2.7c-1.5-0.6-3.3-0.9-5.5-0.9h-6.4v25.6H117.3z"/>
28
+ <path class="st0" d="M172.5,111.8v7.5h-21.4v8.7h19.7v6.9h-19.7v9.9H173v7.5h-30.8v-40.6H172.5z"/>
29
+ <path class="st0" d="M203.1,111.8l15.2,40.6H209l-3.1-9h-15.2l-3.2,9h-9l15.3-40.6H203.1z M203.6,136.7l-5.1-14.9h-0.1l-5.3,14.9
30
+ H203.6z"/>
31
+ <path class="st0" d="M232.8,111.8v33.1h19.8v7.5h-28.7v-40.6H232.8z"/>
32
+ </g>
33
+ <g>
34
+ <circle cx="58.5" cy="132.1" r="18.7"/>
35
+ </g>
36
+ <path d="M72.6,226.2L72.6,226.2c-15.7,0-28.3-12.7-28.3-28.3v-22.1c0-7.8,6.3-14.2,14.2-14.2h0c7.8,0,14.2,6.3,14.2,14.2V226.2z"/>
37
+ </g>
38
+ </svg>
package/components/MollieOptionsIssuer/MollieIssuerOptions.tsx CHANGED
@@ -31,9 +31,6 @@ export function MollieIssuerOptions(props: MollieIssuerOptionsProps) {
31
31
 
32
32
  return (
33
33
  <Container>
34
- <Typography variant='h5' component='span'>
35
- <Trans id='Pay with {title}' values={{ title }} />
36
- </Typography>
37
34
  <form onSubmit={submit} noValidate>
38
35
  <FormRow>
39
36
  <TextField
package/components/MollieOptionsToken/MollieCreditCardOptions.tsx CHANGED
@@ -61,9 +61,6 @@ export function MollieCreditCardOptions(props: PaymentOptionsProps) {
61
61
  <Container>
62
62
  <Script src='https://js.mollie.com/v1/mollie.js' onLoad={() => setLoaded(true)} />
63
63
  <mollieContext.Provider value={mollie}>
64
- <Typography variant='h5' component='span'>
65
- <Trans id='Pay with {title}' values={{ title }} />
66
- </Typography>
67
64
  <form onSubmit={submit} noValidate>
68
65
  <FormRow>
69
66
  <MollieField
package/index.ts CHANGED
@@ -1,2 +1 @@
1
1
  export * as mollie_methods from './methods'
2
- export * from './components/MolliePaymentToggle/MolliePaymentToggle'
package/methods/mollie_methods_creditcard.ts CHANGED
@@ -1,10 +1,8 @@
1
1
  import { PaymentMethodOptionsNoop, PaymentModule } from '@graphcommerce/magento-cart-payment-method'
2
2
  import { MolliePaymentHandler } from '../components/MolliePaymentHandler/MolliePaymentHandler'
3
- import { PaymentToggle } from '../components/MolliePaymentToggle/MolliePaymentToggle'
4
3
  import { MolliePlaceOrder } from '../components/MolliePlaceOrder/MolliePlaceOrder'
5
4
 
6
5
  export const mollie_methods_creditcard: PaymentModule = {
7
- PaymentToggle,
8
6
  PaymentOptions: PaymentMethodOptionsNoop,
9
7
  PaymentPlaceOrder: MolliePlaceOrder,
10
8
  PaymentHandler: MolliePaymentHandler,
package/methods/mollie_methods_ideal.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import { PaymentModule } from '@graphcommerce/magento-cart-payment-method'
2
+ import { MollieActionCard } from '../components/MollieActionCard/MollieIdealActionCard'
2
3
  import { MollieIdealOptions } from '../components/MollieOptionsIssuer/MollieIdealOptions'
3
4
  import { MolliePaymentHandler } from '../components/MolliePaymentHandler/MolliePaymentHandler'
4
- import { PaymentToggle } from '../components/MolliePaymentToggle/MolliePaymentToggle'
5
5
  import { MolliePlaceOrder } from '../components/MolliePlaceOrder/MolliePlaceOrder'
6
6
 
7
7
  export const mollie_methods_ideal: PaymentModule = {
8
- PaymentToggle,
9
8
  PaymentOptions: MollieIdealOptions,
10
9
  PaymentPlaceOrder: MolliePlaceOrder,
11
10
  PaymentHandler: MolliePaymentHandler,
11
+ PaymentActionCard: MollieActionCard,
12
12
  }
package/methods/mollie_methods_paypal.ts CHANGED
@@ -1,9 +1,7 @@
1
1
  import { PaymentMethodOptionsNoop, PaymentModule } from '@graphcommerce/magento-cart-payment-method'
2
- import { PaymentToggle } from '../components/MolliePaymentToggle/MolliePaymentToggle'
3
2
  import { MolliePlaceOrder } from '../components/MolliePlaceOrder/MolliePlaceOrder'
4
3
 
5
4
  export const mollie_methods_paypal: PaymentModule = {
6
- PaymentToggle,
7
5
  PaymentOptions: PaymentMethodOptionsNoop,
8
6
  PaymentPlaceOrder: MolliePlaceOrder,
9
7
  }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/mollie-magento-payment",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "3.2.20",
5
+ "version": "3.3.0",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -13,9 +13,9 @@
13
13
  },
14
14
  "devDependencies": {
15
15
  "@graphcommerce/eslint-config-pwa": "^4.1.8",
16
- "@graphcommerce/magento-cart-shipping-address": "3.1.0",
17
- "@graphcommerce/magento-product": "4.4.7",
18
- "@graphcommerce/magento-product-configurable": "4.1.14",
16
+ "@graphcommerce/magento-cart-shipping-address": "3.2.0",
17
+ "@graphcommerce/magento-product": "4.4.8",
18
+ "@graphcommerce/magento-product-configurable": "4.1.15",
19
19
  "@graphcommerce/prettier-config-pwa": "^4.0.6",
20
20
  "@graphcommerce/typescript-config-pwa": "^4.0.3",
21
21
  "@playwright/test": "^1.21.1",
@@ -25,10 +25,10 @@
25
25
  "@graphcommerce/graphql": "3.2.1",
26
26
  "@graphcommerce/graphql-mesh": "4.1.4",
27
27
  "@graphcommerce/image": "3.1.7",
28
- "@graphcommerce/magento-cart": "4.4.3",
29
- "@graphcommerce/magento-cart-payment-method": "3.2.0",
30
- "@graphcommerce/magento-store": "4.2.10",
31
- "@graphcommerce/next-ui": "4.9.0",
28
+ "@graphcommerce/magento-cart": "4.4.4",
29
+ "@graphcommerce/magento-cart-payment-method": "3.3.0",
30
+ "@graphcommerce/magento-store": "4.2.11",
31
+ "@graphcommerce/next-ui": "4.10.0",
32
32
  "@graphcommerce/react-hook-form": "3.2.2"
33
33
  },
34
34
  "peerDependencies": {
package/components/MolliePaymentToggle/MolliePaymentToggle.tsx DELETED
@@ -1,7 +0,0 @@
1
- import { PaymentToggleProps } from '@graphcommerce/magento-cart-payment-method'
2
-
3
- export function PaymentToggle(props: PaymentToggleProps) {
4
- const { title } = props
5
-
6
- return <>{title}</>
7
- }