@graphcommerce/mollie-magento-payment 3.2.20 → 3.3.2

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 (13) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/Inject/MolliePaymentMethod.graphql +3 -0
  3. package/components/MollieActionCard/MollieIdealActionCard.tsx +21 -0
  4. package/components/MollieOptionsIssuer/MollieIssuerOptions.tsx +0 -3
  5. package/components/MollieOptionsToken/MollieCreditCardOptions.tsx +0 -3
  6. package/icons/ideal.svg +38 -0
  7. package/index.ts +0 -1
  8. package/methods/{mollie_methods_creditcard.ts → mollie_methods_creditcard.tsx} +0 -2
  9. package/methods/{mollie_methods_ideal.ts → mollie_methods_ideal.tsx} +3 -2
  10. package/methods/{mollie_methods_klarnapaylater.ts → mollie_methods_klarnapaylater.tsx} +0 -0
  11. package/methods/{mollie_methods_paypal.ts → mollie_methods_paypal.tsx} +0 -2
  12. package/package.json +8 -8
  13. package/components/MolliePaymentToggle/MolliePaymentToggle.tsx +0 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,36 @@
1
1
  # Change Log
2
2
 
3
+ ## 3.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies []:
8
+ - @graphcommerce/magento-cart@4.4.5
9
+ - @graphcommerce/magento-cart-payment-method@3.3.2
10
+
11
+ ## 3.3.1
12
+
13
+ ### Patch Changes
14
+
15
+ - [#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
16
+
17
+ - Updated dependencies [[`64c7b6b45`](https://github.com/graphcommerce-org/graphcommerce/commit/64c7b6b4595a13110453f98680ffd69f27f2c656)]:
18
+ - @graphcommerce/magento-cart-payment-method@3.3.1
19
+
20
+ ## 3.3.0
21
+
22
+ ### Minor Changes
23
+
24
+ - [#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
25
+
26
+ ### Patch Changes
27
+
28
+ - Updated dependencies [[`371e6cf52`](https://github.com/graphcommerce-org/graphcommerce/commit/371e6cf52916a3b6c44192bd40cc8271bd608832), [`4143483f3`](https://github.com/graphcommerce-org/graphcommerce/commit/4143483f37c038d2bbf218be2685e27a31a35745)]:
29
+ - @graphcommerce/next-ui@4.10.0
30
+ - @graphcommerce/magento-cart-payment-method@3.3.0
31
+ - @graphcommerce/magento-cart@4.4.4
32
+ - @graphcommerce/magento-store@4.2.11
33
+
3
34
  ## 3.2.20
4
35
 
5
36
  ### 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,21 @@
1
+ import { Image } from '@graphcommerce/image'
2
+ import { PaymentMethodActionCardProps } from '@graphcommerce/magento-cart-payment-method'
3
+ import { ActionCard, useIconSvgSize } from '@graphcommerce/next-ui'
4
+
5
+ type MollieActionCardProps = PaymentMethodActionCardProps & { icon: any }
6
+
7
+ export function MollieActionCard(props: MollieActionCardProps) {
8
+ const { mollie_meta, icon } = props
9
+ const iconSize = useIconSvgSize('large')
10
+
11
+ return (
12
+ <ActionCard
13
+ {...props}
14
+ image={
15
+ mollie_meta?.image && (
16
+ <Image layout='fixed' sx={{ width: iconSize, height: iconSize }} unoptimized src={icon} />
17
+ )
18
+ }
19
+ />
20
+ )
21
+ }
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/icons/ideal.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/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 → mollie_methods_creditcard.tsx} RENAMED
@@ -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 → mollie_methods_ideal.tsx} RENAMED
@@ -1,12 +1,13 @@
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
+ import idealIcon from '../icons/ideal.svg'
6
7
 
7
8
  export const mollie_methods_ideal: PaymentModule = {
8
- PaymentToggle,
9
9
  PaymentOptions: MollieIdealOptions,
10
10
  PaymentPlaceOrder: MolliePlaceOrder,
11
11
  PaymentHandler: MolliePaymentHandler,
12
+ PaymentActionCard: (props) => <MollieActionCard {...props} icon={idealIcon} />,
12
13
  }
package/methods/{mollie_methods_paypal.ts → mollie_methods_paypal.tsx} RENAMED
@@ -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.2",
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.1",
17
+ "@graphcommerce/magento-product": "4.4.9",
18
+ "@graphcommerce/magento-product-configurable": "4.1.16",
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.5",
29
+ "@graphcommerce/magento-cart-payment-method": "3.3.2",
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
- }