@graphcommerce/mollie-magento-payment 3.0.2 → 3.0.5

package/CHANGELOG.md

@@ -1,33 +1,61 @@
 # Change Log
 
+## 3.0.5
+
+### Patch Changes
+
+- [#1307](https://github.com/ho-nl/m2-pwa/pull/1307) [`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655) Thanks [@paales](https://github.com/paales)! - All default exports are now named exports internally and all `index.tsx` are renamed to the component name.
+
+* [#1307](https://github.com/ho-nl/m2-pwa/pull/1307) [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef) Thanks [@paales](https://github.com/paales)! - upgrade dependencies
+
+* Updated dependencies [[`3d63b39f7`](https://github.com/ho-nl/m2-pwa/commit/3d63b39f7e330d1827a32dba782667d7b21adaba), [`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655), [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef)]:
+  - @graphcommerce/next-ui@4.2.4
+  - @graphcommerce/graphql@3.0.4
+  - @graphcommerce/image@3.1.1
+  - @graphcommerce/magento-cart@4.1.4
+  - @graphcommerce/magento-cart-payment-method@3.0.5
+  - @graphcommerce/magento-store@4.1.2
+  - @graphcommerce/react-hook-form@3.0.4
+
+## 3.0.4
+
+### Patch Changes
+
+- [#1292](https://github.com/ho-nl/m2-pwa/pull/1292) [`5a1ba9e66`](https://github.com/ho-nl/m2-pwa/commit/5a1ba9e664abbac89c4f5f71f7d6d6ed1aefa5c0) Thanks [@paales](https://github.com/paales)! - Renamed SvgIcon to IconSvg to prevent collisions with MUI
+
+- Updated dependencies [[`5a1ba9e66`](https://github.com/ho-nl/m2-pwa/commit/5a1ba9e664abbac89c4f5f71f7d6d6ed1aefa5c0), [`990df655b`](https://github.com/ho-nl/m2-pwa/commit/990df655b73b469718d6cb5837ee65dfe2ad6a1d), [`63f9b56eb`](https://github.com/ho-nl/m2-pwa/commit/63f9b56eb68ba790567ff1427e599fd2c3c8f1ee)]:
+  - @graphcommerce/magento-cart@4.1.3
+  - @graphcommerce/magento-cart-payment-method@3.0.4
+  - @graphcommerce/next-ui@4.2.0
+
+## 3.0.3
+
+### Patch Changes
+
+- [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96) Thanks [@paales](https://github.com/paales)! - made packages public
+
+* [#1278](https://github.com/ho-nl/m2-pwa/pull/1278) [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Upgraded dependencies to the latest version
+
+* Updated dependencies [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96), [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20), [`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d), [`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14)]:
+  - @graphcommerce/graphql@3.0.3
+  - @graphcommerce/image@3.1.0
+  - @graphcommerce/magento-cart@4.1.2
+  - @graphcommerce/magento-cart-payment-method@3.0.3
+  - @graphcommerce/magento-store@4.0.3
+  - @graphcommerce/next-ui@4.1.2
+  - @graphcommerce/react-hook-form@3.0.3
+
 ## 3.0.2
 
 ### Patch Changes
 
-- [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
-  [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2)
-  Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from
-  `dependencies` to `peerDependencies`. The result of this is that there will be significantly less
-  duplicate packages in the node_modules folders.
-
-* [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
-  [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
-  Thanks [@paales](https://github.com/paales)! - Upgraded to
-  [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
-  implementing
-  [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
-  soon.
-
-  This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
-  frontend to be able to revalidate pages manually.
-
-* Updated dependencies
-  [[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7),
-  [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
-  [`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b),
-  [`b08a8eb1d`](https://github.com/ho-nl/m2-pwa/commit/b08a8eb1d024b9d3e7712ef034029151670db275),
-  [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d),
-  [`5a4809b1a`](https://github.com/ho-nl/m2-pwa/commit/5a4809b1a705aa32f620f520085df48ee25f9949)]:
+- [#1276](https://github.com/ho-nl/m2-pwa/pull/1276) [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2) Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from `dependencies` to `peerDependencies`. The result of this is that there will be significantly less duplicate packages in the node_modules folders.
+
+* [#1276](https://github.com/ho-nl/m2-pwa/pull/1276) [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d) Thanks [@paales](https://github.com/paales)! - Upgraded to [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be implementing [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta) soon.
+
+  This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the frontend to be able to revalidate pages manually.
+
+* Updated dependencies [[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7), [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2), [`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b), [`b08a8eb1d`](https://github.com/ho-nl/m2-pwa/commit/b08a8eb1d024b9d3e7712ef034029151670db275), [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d), [`5a4809b1a`](https://github.com/ho-nl/m2-pwa/commit/5a4809b1a705aa32f620f520085df48ee25f9949)]:
   - @graphcommerce/magento-cart@4.1.1
   - @graphcommerce/magento-cart-payment-method@3.0.2
   - @graphcommerce/next-ui@4.1.1
@@ -40,11 +68,8 @@
 
 ### Patch Changes
 
-- [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)
-  Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files,
-  so that the packages link to back to the website and repository
-- Updated dependencies
-  [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
+- [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514) Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files, so that the packages link to back to the website and repository
+- Updated dependencies [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
   - @graphcommerce/graphql@3.0.1
   - @graphcommerce/image@3.0.1
   - @graphcommerce/magento-cart@4.0.1
@@ -57,14 +82,11 @@
 
 ### Major Changes
 
-- [#1258](https://github.com/ho-nl/m2-pwa/pull/1258)
-  [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)
-  Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
+- [#1258](https://github.com/ho-nl/m2-pwa/pull/1258) [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05) Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
 
 ### Patch Changes
 
-- Updated dependencies
-  [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
+- Updated dependencies [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
   - @graphcommerce/graphql@3.0.0
   - @graphcommerce/image@3.0.0
   - @graphcommerce/magento-cart@4.0.0
@@ -73,68 +95,55 @@
   - @graphcommerce/next-ui@4.0.0
   - @graphcommerce/react-hook-form@3.0.0
 
-All notable changes to this project will be documented in this file. See
-[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
 ## [2.106.24](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/mollie-magento-payment@2.106.23...@graphcommerce/mollie-magento-payment@2.106.24) (2021-12-20)
 
 ### Bug Fixes
 
-- animations would run on background page, make sure animations are not running when page is not
-  active
-  ([2fcf4b8](https://github.com/ho-nl/m2-pwa/commit/2fcf4b8a853108147477e3a67c7ea202abb2842f))
+- animations would run on background page, make sure animations are not running when page is not active ([2fcf4b8](https://github.com/ho-nl/m2-pwa/commit/2fcf4b8a853108147477e3a67c7ea202abb2842f))
 
 # [2.106.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/mollie-magento-payment@2.105.32...@graphcommerce/mollie-magento-payment@2.106.0) (2021-11-12)
 
 ### Features
 
-- added tons of translations
-  ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
+- added tons of translations ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
 
 ## [2.105.9](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/mollie-magento-payment@2.105.8...@graphcommerce/mollie-magento-payment@2.105.9) (2021-11-02)
 
 ### Bug Fixes
 
-- input labels
-  ([ba46c9a](https://github.com/ho-nl/m2-pwa/commit/ba46c9a17b3b460daab5015df39ac9ae66858df4))
-- overlapping checkmark icon
-  ([b4da61a](https://github.com/ho-nl/m2-pwa/commit/b4da61ae33ab058a56f0f32c2874a2e77d77d01d))
+- input labels ([ba46c9a](https://github.com/ho-nl/m2-pwa/commit/ba46c9a17b3b460daab5015df39ac9ae66858df4))
+- overlapping checkmark icon ([b4da61a](https://github.com/ho-nl/m2-pwa/commit/b4da61ae33ab058a56f0f32c2874a2e77d77d01d))
 
 # [2.105.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/mollie-magento-payment@2.104.33...@graphcommerce/mollie-magento-payment@2.105.0) (2021-10-27)
 
 ### Features
 
-- **nextjs:** upgraded to nextjs 12
-  ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
+- **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
 
 ## [2.104.13](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/mollie-magento-payment@2.104.12...@graphcommerce/mollie-magento-payment@2.104.13) (2021-10-08)
 
 ### Bug Fixes
 
-- **mollie:** make sure we're redirected to the success page
-  ([316d2b2](https://github.com/ho-nl/m2-pwa/commit/316d2b2a99189f093e74db98521c27e8e7267dd4))
+- **mollie:** make sure we're redirected to the success page ([316d2b2](https://github.com/ho-nl/m2-pwa/commit/316d2b2a99189f093e74db98521c27e8e7267dd4))
 
 ## [2.104.11](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/mollie-magento-payment@2.104.10...@graphcommerce/mollie-magento-payment@2.104.11) (2021-10-07)
 
 ### Bug Fixes
 
-- make sure if no payment method is filled in we get an error shown
-  ([a203e57](https://github.com/ho-nl/m2-pwa/commit/a203e570caad0732427a178e8e8b10b4a15d676b))
+- make sure if no payment method is filled in we get an error shown ([a203e57](https://github.com/ho-nl/m2-pwa/commit/a203e570caad0732427a178e8e8b10b4a15d676b))
 
 # 2.104.0 (2021-09-29)
 
 ### Bug Fixes
 
-- make sure mollie only gets build optionally
-  ([e5e2347](https://github.com/ho-nl/m2-pwa/commit/e5e23475e170dc2fc0c13103dfb8fbdb9009715f))
-- make sure the mollie module doesn't start with magento- to prevent building from node moduels
-  ([ed406b9](https://github.com/ho-nl/m2-pwa/commit/ed406b9f56bd8cb5df0463cc50e4b1e9a728d4ca))
+- make sure mollie only gets build optionally ([e5e2347](https://github.com/ho-nl/m2-pwa/commit/e5e23475e170dc2fc0c13103dfb8fbdb9009715f))
+- make sure the mollie module doesn't start with magento- to prevent building from node moduels ([ed406b9](https://github.com/ho-nl/m2-pwa/commit/ed406b9f56bd8cb5df0463cc50e4b1e9a728d4ca))
 
 ### Features
 
-- renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
-  [@reachdigital](https://github.com/reachdigital)
-  ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
+- renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of [@reachdigital](https://github.com/reachdigital) ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
 
 ## [2.103.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-payment-mollie@2.103.0...@graphcommerce/magento-payment-mollie@2.103.1) (2021-09-27)
 
@@ -144,58 +153,48 @@ All notable changes to this project will be documented in this file. See
 
 ### Bug Fixes
 
-- make sure mollie only gets build optionally
-  ([e5e2347](https://github.com/ho-nl/m2-pwa/commit/e5e23475e170dc2fc0c13103dfb8fbdb9009715f))
+- make sure mollie only gets build optionally ([e5e2347](https://github.com/ho-nl/m2-pwa/commit/e5e23475e170dc2fc0c13103dfb8fbdb9009715f))
 
 ### Features
 
-- renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
-  [@reachdigital](https://github.com/reachdigital)
-  ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
+- renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of [@reachdigital](https://github.com/reachdigital) ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
 
 # Change Log
 
-All notable changes to this project will be documented in this file. See
-[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
 ## [2.102.18](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-payment-mollie@2.102.17...@graphcommerce/magento-payment-mollie@2.102.18) (2021-09-23)
 
 ### Bug Fixes
 
-- make sure mollie only gets build optionally
-  ([e5e2347](https://github.com/ho-nl/m2-pwa/commit/e5e23475e170dc2fc0c13103dfb8fbdb9009715f))
+- make sure mollie only gets build optionally ([e5e2347](https://github.com/ho-nl/m2-pwa/commit/e5e23475e170dc2fc0c13103dfb8fbdb9009715f))
 
 # [2.102.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-payment-mollie@2.101.10...@graphcommerce/magento-payment-mollie@2.102.0) (2021-08-12)
 
 ### Features
 
-- upgraded to nextjs 11
-  ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
+- upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
 
 ## [2.101.9](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-payment-mollie@2.101.8...@graphcommerce/magento-payment-mollie@2.101.9) (2021-08-09)
 
 ### Reverts
 
-- Revert "chore: upgrade @apollo/client"
-  ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
+- Revert "chore: upgrade @apollo/client" ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
 
 ## [2.101.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-payment-mollie@2.101.2...@graphcommerce/magento-payment-mollie@2.101.3) (2021-07-29)
 
 ### Bug Fixes
 
-- paymentDone removed in favor of a more simple clearCart method
-  ([5314f77](https://github.com/ho-nl/m2-pwa/commit/5314f7752c2f75a55dcd926bfc26607124561e5d))
+- paymentDone removed in favor of a more simple clearCart method ([5314f77](https://github.com/ho-nl/m2-pwa/commit/5314f7752c2f75a55dcd926bfc26607124561e5d))
 
 # [2.101.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-payment-mollie@2.100.19...@graphcommerce/magento-payment-mollie@2.101.0) (2021-07-26)
 
 ### Features
 
-- **playwright:** added new playwright package to enable browser testing
-  ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
+- **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
 
 ## [2.100.11](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-payment-mollie@2.100.10...@graphcommerce/magento-payment-mollie@2.100.11) (2021-07-20)
 
 ### Bug Fixes
 
-- ignore md files from triggering version updates
-  ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
+- ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))

package/components/MollieOptionsIssuer/MollieIdealOptions.tsx

@@ -1,7 +1,6 @@
 import { PaymentOptionsProps } from '@graphcommerce/magento-cart-payment-method'
-import React from 'react'
-import MollieIssuerOptions from './MollieIssuerOptions'
+import { MollieIssuerOptions } from './MollieIssuerOptions'
 
-export default function MollieIdealOptions(props: PaymentOptionsProps) {
+export function MollieIdealOptions(props: PaymentOptionsProps) {
   return <MollieIssuerOptions label='Choose your bank' {...props} />
 }

package/components/MollieOptionsIssuer/MollieIssuerOptions.tsx

@@ -12,7 +12,7 @@ const compName = 'MollieIssuerOptions' as const
 const parts = ['root', 'list'] as const
 const { classes } = extendableComponent(compName, parts)
 
-export default function MollieIssuerOptions(props: MollieIssuerOptionsProps) {
+export function MollieIssuerOptions(props: MollieIssuerOptionsProps) {
   const { mollie_available_issuers = [] } = props
   const { code, step, Container, label, title = '' } = props
 
@@ -49,6 +49,7 @@ export default function MollieIssuerOptions(props: MollieIssuerOptionsProps) {
               endAdornment: <InputCheckmark show={valid.issuer} select />,
             }}
           >
+            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
             <option value='' />
             {/* <MenuItem value='' /> */}
             {mollie_available_issuers?.map((issuer) => {
@@ -62,7 +63,7 @@ export default function MollieIssuerOptions(props: MollieIssuerOptionsProps) {
               // return (
               //   <MenuItem key={issuer.code} value={issuer.code}>
               //     <ListItemIcon>
-              //       <SvgIcon src={issuer.svg} alt={issuer.name} size='small' />
+              //       <IconSvg src={issuer.svg} alt={issuer.name} size='small' />
               //     </ListItemIcon>
               //     <Typography variant='inherit'>{issuer.name}</Typography>
               //   </MenuItem>

package/components/MollieOptionsToken/MollieCreditCardOptions.tsx

@@ -9,11 +9,11 @@ import { Typography, Alert } from '@mui/material'
 import Script from 'next/script'
 import React, { useEffect, useState } from 'react'
 import { Mollie } from '../../Mollie'
-import MollieField from './MollieField'
+import { MollieField } from './MollieField'
 import { SetMolliePaymentMethodTokenOnCartDocument } from './SetMolliePaymentMethodTokenOnCart.gql'
 import { mollieContext, MollieContext } from './mollieContext'
 
-export default function MollieCreditCardOptions(props: PaymentOptionsProps) {
+export function MollieCreditCardOptions(props: PaymentOptionsProps) {
   const { code, step, Container, title = '' } = props
   const [loaded, setLoaded] = useState<boolean>(false)
   const [mollie, setMollie] = useState<MollieContext>(undefined)

package/components/MollieOptionsToken/MollieField.tsx

@@ -14,7 +14,7 @@ import { useMollieContext } from './mollieContext'
 type MollieFieldContext = [ComponentFieldState, Dispatch<SetStateAction<ComponentFieldState>>]
 const mollieFieldContext = React.createContext(undefined as unknown as MollieFieldContext)
 
-const InputComponent = (props) => {
+function InputComponent(props) {
   const { component, inputRef, ...other } = props
   const Component = component as typeof IframeField
   return <Component {...other} ref={inputRef} />
@@ -25,7 +25,7 @@ type IframeFieldProps = Omit<InputBaseComponentProps, 'onChange'> & {
   onChange: (event: { target: { name: string; value: string } }) => void
 }
 
-const IframeField = React.forwardRef<any, IframeFieldProps>((props, forwardedRef) => {
+const IframeField = React.forwardRef<HTMLInputElement, IframeFieldProps>((props, forwardedRef) => {
   const { name, onChange, onFocus, onBlur, ...otherProps } = props
   const internalRef = useRef<HTMLDivElement>(null)
   const forkRef = forwardedRef
@@ -98,7 +98,7 @@ type MollieFieldProps = {
   isSubmitted?: boolean
 } & TextFieldProps
 
-export default function MollieField(props: MollieFieldProps) {
+export  function MollieField(props: MollieFieldProps) {
   const { isSubmitted = false, label, ...fieldProps } = props
 
   const [state, setState] = useState<ComponentFieldState>({

package/components/MolliePaymentHandler/MolliePaymentHandler.tsx

@@ -4,7 +4,7 @@ import { useRouter } from 'next/router'
 import React from 'react'
 import { useMolliePaymentTokenHandler } from '../../hooks/useMolliePaymentTokenHandler'
 
-export default function MolliePaymentHandler() {
+export function MolliePaymentHandler() {
   const { error } = useMolliePaymentTokenHandler()
   const clear = useClearCurrentCartId()
   const router = useRouter()

package/components/MolliePaymentToggle/MolliePaymentToggle.tsx

@@ -1,11 +1,14 @@
+import { Image } from '@graphcommerce/image'
 import { PaymentToggleProps } from '@graphcommerce/magento-cart-payment-method'
 
-export default function MollieToggle(props: PaymentToggleProps) {
+export function PaymentToggle(props: PaymentToggleProps) {
   const { mollie_meta, title } = props
 
   return (
     <>
-      {mollie_meta?.image && <img src={mollie_meta?.image} alt={title} />}
+      {mollie_meta?.image && (
+        <Image layout='fixed' src={mollie_meta?.image} unoptimized alt={title} />
+      )}
       &nbsp;
       {title}
     </>

package/components/MolliePlaceOrder/MolliePlaceOrder.tsx

@@ -9,7 +9,7 @@ import { useRouter } from 'next/router'
 import { useEffect } from 'react'
 import { MolliePlaceOrderDocument } from './MolliePlaceOrder.gql'
 
-export default function MolliePlaceOrder(props: PaymentPlaceOrderProps) {
+export function MolliePlaceOrder(props: PaymentPlaceOrderProps) {
   const { step, code } = props
   const router = useRouter()
   const cartId = useCurrentCartId()

package/hooks/useMolliePaymentTokenHandler.ts

@@ -1,5 +1,4 @@
-import { useMutation } from '@graphcommerce/graphql'
-import { PaymentStatusEnum } from '@graphcommerce/graphql'
+import { useMutation , PaymentStatusEnum } from '@graphcommerce/graphql'
 import { useClearCurrentCartId, useCurrentCartId } from '@graphcommerce/magento-cart'
 import { useCartLock, usePaymentMethodContext } from '@graphcommerce/magento-cart-payment-method'
 import { useRouter } from 'next/router'

package/index.ts

@@ -1,4 +1,3 @@
 export * from './hooks'
 export * as mollie_methods from './methods'
-
-export { default as PaymentToggle } from './components/MolliePaymentToggle/MolliePaymentToggle'
+export * from './components/MolliePaymentToggle/MolliePaymentToggle'

package/methods/mollie_methods_creditcard.ts

@@ -1,10 +1,10 @@
 import { PaymentModule } from '@graphcommerce/magento-cart-payment-method'
-import MollieCreditCardOptions from '../components/MollieOptionsToken/MollieCreditCardOptions'
-import MollieToggle from '../components/MolliePaymentToggle/MolliePaymentToggle'
-import MolliePlaceOrder from '../components/MolliePlaceOrder/MolliePlaceOrder'
+import { MollieCreditCardOptions } from '../components/MollieOptionsToken/MollieCreditCardOptions'
+import { PaymentToggle } from '../components/MolliePaymentToggle/MolliePaymentToggle'
+import { MolliePlaceOrder } from '../components/MolliePlaceOrder/MolliePlaceOrder'
 
 export const mollie_methods_creditcard: PaymentModule = {
-  PaymentToggle: MollieToggle,
+  PaymentToggle,
   PaymentOptions: MollieCreditCardOptions,
   PaymentPlaceOrder: MolliePlaceOrder,
 }

package/methods/mollie_methods_ideal.ts

@@ -1,11 +1,11 @@
 import { PaymentModule } from '@graphcommerce/magento-cart-payment-method'
-import MollieIdealOptions from '../components/MollieOptionsIssuer/MollieIdealOptions'
-import MolliePaymentHandler from '../components/MolliePaymentHandler/MolliePaymentHandler'
-import MollieToggle from '../components/MolliePaymentToggle/MolliePaymentToggle'
-import MolliePlaceOrder from '../components/MolliePlaceOrder/MolliePlaceOrder'
+import { MollieIdealOptions } from '../components/MollieOptionsIssuer/MollieIdealOptions'
+import { MolliePaymentHandler } from '../components/MolliePaymentHandler/MolliePaymentHandler'
+import { PaymentToggle } from '../components/MolliePaymentToggle/MolliePaymentToggle'
+import { MolliePlaceOrder } from '../components/MolliePlaceOrder/MolliePlaceOrder'
 
 export const mollie_methods_ideal: PaymentModule = {
-  PaymentToggle: MollieToggle,
+  PaymentToggle,
   PaymentOptions: MollieIdealOptions,
   PaymentPlaceOrder: MolliePlaceOrder,
   PaymentHandler: MolliePaymentHandler,

package/methods/mollie_methods_klarnapaylater.ts

@@ -1,9 +1,9 @@
 import { PaymentMethodOptionsNoop, PaymentModule } from '@graphcommerce/magento-cart-payment-method'
-import MollieToggle from '../components/MolliePaymentToggle/MolliePaymentToggle'
-import MolliePlaceOrder from '../components/MolliePlaceOrder/MolliePlaceOrder'
+import { PaymentToggle } from '../components/MolliePaymentToggle/MolliePaymentToggle'
+import { MolliePlaceOrder } from '../components/MolliePlaceOrder/MolliePlaceOrder'
 
 export const mollie_methods_klarnapaylater: PaymentModule = {
-  PaymentToggle: MollieToggle,
+  PaymentToggle,
   PaymentOptions: PaymentMethodOptionsNoop,
   PaymentPlaceOrder: MolliePlaceOrder,
 }

package/methods/mollie_methods_paypal.ts

@@ -1,9 +1,9 @@
 import { PaymentMethodOptionsNoop, PaymentModule } from '@graphcommerce/magento-cart-payment-method'
-import MollieToggle from '../components/MolliePaymentToggle/MolliePaymentToggle'
-import MolliePlaceOrder from '../components/MolliePlaceOrder/MolliePlaceOrder'
+import { PaymentToggle } from '../components/MolliePaymentToggle/MolliePaymentToggle'
+import { MolliePlaceOrder } from '../components/MolliePlaceOrder/MolliePlaceOrder'
 
 export const mollie_methods_paypal: PaymentModule = {
-  PaymentToggle: MollieToggle,
+  PaymentToggle,
   PaymentOptions: PaymentMethodOptionsNoop,
   PaymentPlaceOrder: MolliePlaceOrder,
 }

package/next-env.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+/// <reference types="@graphcommerce/next-ui/types" />

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/mollie-magento-payment",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "3.0.2",
+  "version": "3.0.5",
   "sideEffects": false,
   "engines": {
     "node": "14.x"
@@ -15,23 +15,23 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.0.2",
-    "@graphcommerce/magento-cart-shipping-address": "^3.0.2",
-    "@graphcommerce/magento-product": "^4.0.2",
-    "@graphcommerce/magento-product-configurable": "^4.0.2",
-    "@graphcommerce/prettier-config-pwa": "^4.0.1",
-    "@graphcommerce/typescript-config-pwa": "^4.0.1",
-    "@playwright/test": "^1.19.1"
+    "@graphcommerce/eslint-config-pwa": "^4.0.5",
+    "@graphcommerce/magento-cart-shipping-address": "^3.0.4",
+    "@graphcommerce/magento-product": "^4.0.6",
+    "@graphcommerce/magento-product-configurable": "^4.0.6",
+    "@graphcommerce/prettier-config-pwa": "^4.0.3",
+    "@graphcommerce/typescript-config-pwa": "^4.0.2",
+    "@playwright/test": "^1.19.2"
   },
   "dependencies": {
-    "@graphcommerce/graphql": "^3.0.2",
-    "@graphcommerce/image": "^3.0.2",
-    "@graphcommerce/magento-cart": "^4.1.1",
-    "@graphcommerce/magento-cart-payment-method": "^3.0.2",
-    "@graphcommerce/magento-store": "^4.0.2",
-    "@graphcommerce/next-ui": "^4.1.1",
-    "@graphcommerce/react-hook-form": "^3.0.2",
-    "type-fest": "^2.11.2"
+    "@graphcommerce/graphql": "^3.0.4",
+    "@graphcommerce/image": "^3.1.1",
+    "@graphcommerce/magento-cart": "^4.1.4",
+    "@graphcommerce/magento-cart-payment-method": "^3.0.5",
+    "@graphcommerce/magento-store": "^4.1.2",
+    "@graphcommerce/next-ui": "^4.2.4",
+    "@graphcommerce/react-hook-form": "^3.0.4",
+    "type-fest": "^2.12.0"
   },
   "peerDependencies": {
     "@lingui/macro": "^3.13.2",