@graphcommerce/mollie-magento-payment 3.2.8 → 3.2.11

package/CHANGELOG.md

@@ -1,5 +1,75 @@
 # Change Log
 
+## 3.2.11
+
+### Patch Changes
+
+- Updated dependencies [[`0363b9671`](https://github.com/graphcommerce-org/graphcommerce/commit/0363b9671db7c2932321d97faf6f1eb385238397), [`3ac90b57c`](https://github.com/graphcommerce-org/graphcommerce/commit/3ac90b57c68b96f9d81771d6664ed9435a28fc1d), [`ed2b67a06`](https://github.com/graphcommerce-org/graphcommerce/commit/ed2b67a0618d9db97e79ed2a8226e0ae12403943)]:
+  - @graphcommerce/next-ui@4.8.0
+  - @graphcommerce/magento-cart@4.2.15
+  - @graphcommerce/magento-cart-payment-method@3.1.11
+  - @graphcommerce/magento-store@4.2.4
+
+## 3.2.10
+
+### Patch Changes
+
+- Updated dependencies [[`c30893857`](https://github.com/graphcommerce-org/graphcommerce/commit/c3089385791291e812a48c2691a39a2325ee0439)]:
+  - @graphcommerce/magento-store@4.2.3
+  - @graphcommerce/magento-cart@4.2.14
+  - @graphcommerce/magento-cart-payment-method@3.1.10
+
+## 3.2.9
+
+### Patch Changes
+
+- [#1451](https://github.com/graphcommerce-org/graphcommerce/pull/1451) [`50188e378`](https://github.com/graphcommerce-org/graphcommerce/commit/50188e378b4c77561ebc600958ea11cd114fa61a) Thanks [@paales](https://github.com/paales)! - Loosen node requirement
+
+* [#1451](https://github.com/graphcommerce-org/graphcommerce/pull/1451) [`f698ff85d`](https://github.com/graphcommerce-org/graphcommerce/commit/f698ff85df6bb0922288471bb3c81856091b8061) Thanks [@paales](https://github.com/paales)! - Removed all occurences of @lingui/macro and moved to @lingui/macro / @lingui/core in preparation to move to swc.
+
+  Since we've removed @lingui/macro, all occurences need to be replaced with @lingui/core and @lingui/react.
+
+  All occurences of `<Trans>` and `t` need to be replaced:
+
+  ```tsx
+  import { Trans, t } from '@lingui/macro'
+
+  function MyComponent() {
+    const foo = 'bar'
+    return (
+      <div aria-label={t`Account ${foo}`}>
+        <Trans>My Translation {foo}</Trans>
+      </div>
+    )
+  }
+  ```
+
+  Needs to be replaced with:
+
+  ```tsx
+  import { Trans } from '@lingui/react'
+  import { i18n } from '@lingui/core'
+
+  function MyComponent() {
+    const foo = 'bar'
+    return (
+      <div aria-label={i18n._(/* i18n */ `Account {foo}`, { foo })}>
+        <Trans key='My Translation {foo}' values={{ foo }}></Trans>
+      </div>
+    )
+  }
+  ```
+
+  [More examples for Trans](https://lingui.js.org/ref/macro.html#examples-of-jsx-macros) and [more examples for `t`](https://lingui.js.org/ref/macro.html#examples-of-js-macros)
+
+* Updated dependencies [[`50188e378`](https://github.com/graphcommerce-org/graphcommerce/commit/50188e378b4c77561ebc600958ea11cd114fa61a), [`f698ff85d`](https://github.com/graphcommerce-org/graphcommerce/commit/f698ff85df6bb0922288471bb3c81856091b8061)]:
+  - @graphcommerce/magento-cart-payment-method@3.1.9
+  - @graphcommerce/react-hook-form@3.1.3
+  - @graphcommerce/magento-cart@4.2.13
+  - @graphcommerce/magento-store@4.2.2
+  - @graphcommerce/next-ui@4.7.2
+  - @graphcommerce/graphql@3.1.3
+
 ## 3.2.8
 
 ### Patch Changes

package/components/MollieOptionsIssuer/MollieIdealOptions.tsx

@@ -1,5 +1,5 @@
 import { PaymentOptionsProps } from '@graphcommerce/magento-cart-payment-method'
-import { Trans } from '@lingui/macro'
+import { Trans } from '@lingui/react'
 import { Box } from '@mui/material'
 import { MollieIssuerOptions } from './MollieIssuerOptions'
 
@@ -11,15 +11,13 @@ export function MollieIdealOptions(props: PaymentOptionsProps) {
         sx={(theme) => ({ typography: 'body2', paddingLeft: theme.spacings.xs, margin: 0 })}
       >
         <li>
-          <Trans>Choose your bank, and place your order.</Trans>
+          <Trans id='Choose your bank, and place your order.' />
         </li>
         <li>
-          <Trans>Complete the payment on your bank’s website.</Trans>
+          <Trans id='Complete the payment on your bank’s website.' />
         </li>
         <li>
-          <Trans>
-            As soon as the payment is completed, you will automatically return to the webshop.
-          </Trans>
+          <Trans id='As soon as the payment is completed, you will automatically return to the webshop.' />
         </li>
       </Box>
     </MollieIssuerOptions>

package/components/MollieOptionsIssuer/MollieIssuerOptions.tsx

@@ -2,7 +2,7 @@ import { useFormGqlMutationCart } from '@graphcommerce/magento-cart'
 import { PaymentOptionsProps } from '@graphcommerce/magento-cart-payment-method'
 import { FormRow, InputCheckmark } from '@graphcommerce/next-ui'
 import { useFormCompose, useFormPersist, useFormValidFields } from '@graphcommerce/react-hook-form'
-import { Trans } from '@lingui/macro'
+import { Trans } from '@lingui/react'
 import { TextField, Typography } from '@mui/material'
 import { SetMolliePaymentMethodIssuerOnCartDocument } from './SetMolliePaymentMethodIssuerOnCart.gql'
 
@@ -32,7 +32,7 @@ export function MollieIssuerOptions(props: MollieIssuerOptionsProps) {
   return (
     <Container>
       <Typography variant='h5' component='span'>
-        <Trans>Pay with {title}</Trans>
+        <Trans id='Pay with {title}' values={{ title }} />
       </Typography>
       <form onSubmit={submit} noValidate>
         <FormRow>

package/components/MollieOptionsToken/MollieCreditCardOptions.tsx

@@ -4,7 +4,7 @@ import { PaymentOptionsProps } from '@graphcommerce/magento-cart-payment-method'
 import { StoreConfigDocument } from '@graphcommerce/magento-store'
 import { FormRow } from '@graphcommerce/next-ui'
 import { useFormCompose } from '@graphcommerce/react-hook-form'
-import { Trans } from '@lingui/macro'
+import { Trans } from '@lingui/react'
 import { Typography, Alert } from '@mui/material'
 import Script from 'next/script'
 import React, { useEffect, useState } from 'react'
@@ -62,7 +62,7 @@ export function MollieCreditCardOptions(props: PaymentOptionsProps) {
       <Script src='https://js.mollie.com/v1/mollie.js' onLoad={() => setLoaded(true)} />
       <mollieContext.Provider value={mollie}>
         <Typography variant='h5' component='span'>
-          <Trans>Pay with {title}</Trans>
+          <Trans id='Pay with {title}' values={{ title }} />
         </Typography>
         <form onSubmit={submit} noValidate>
           <FormRow>

package/components/MolliePaymentHandler/MolliePaymentHandler.tsx

@@ -6,7 +6,7 @@ import {
   usePaymentMethodContext,
 } from '@graphcommerce/magento-cart-payment-method'
 import { ErrorSnackbar } from '@graphcommerce/next-ui'
-import { Trans } from '@lingui/macro'
+import { Trans } from '@lingui/react'
 import { Button, Dialog } from '@mui/material'
 import { useRouter } from 'next/router'
 import { useEffect } from 'react'
@@ -68,7 +68,7 @@ export function MolliePaymentHandler({ code }: PaymentHandlerProps) {
   if (paymentStatus)
     return (
       <ErrorSnackbar open>
-        <Trans>Payment failed with status: {paymentStatus}</Trans>
+        <Trans id='Payment failed with status: {paymentStatus}' />
       </ErrorSnackbar>
     )
 
@@ -90,14 +90,14 @@ export function MolliePaymentHandler({ code }: PaymentHandlerProps) {
               router.push('/')
             }}
           >
-            <Trans>Reset Cart and Return to home</Trans>
+            <Trans id='Reset Cart and Return to home' />
           </Button>
         }
       >
-        <Trans>
-          If you’ve successfully paid your order, the order <strong>will</strong> come through, but
-          there is a communication error with the website.
-        </Trans>
+        <Trans
+          id='If you’ve successfully paid your order, the order <0>will</0> come through, but there is a communication error with the website.'
+          components={{ 0: <strong /> }}
+        />
       </ApolloCartErrorFullPage>
     </Dialog>
   )

package/package.json

@@ -2,11 +2,8 @@
   "name": "@graphcommerce/mollie-magento-payment",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "3.2.8",
+  "version": "3.2.11",
   "sideEffects": false,
-  "engines": {
-    "node": "14.x"
-  },
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
     "extends": "@graphcommerce/eslint-config-pwa",
@@ -15,27 +12,28 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.1.6",
-    "@graphcommerce/magento-cart-shipping-address": "3.0.15",
-    "@graphcommerce/magento-product": "4.3.2",
-    "@graphcommerce/magento-product-configurable": "4.1.2",
+    "@graphcommerce/eslint-config-pwa": "^4.1.7",
+    "@graphcommerce/magento-cart-shipping-address": "3.0.18",
+    "@graphcommerce/magento-product": "4.3.5",
+    "@graphcommerce/magento-product-configurable": "4.1.5",
     "@graphcommerce/prettier-config-pwa": "^4.0.6",
-    "@graphcommerce/typescript-config-pwa": "^4.0.2",
+    "@graphcommerce/typescript-config-pwa": "^4.0.3",
     "@playwright/test": "^1.21.1",
     "type-fest": "^2.12.2"
   },
   "dependencies": {
-    "@graphcommerce/graphql": "3.1.2",
+    "@graphcommerce/graphql": "3.1.3",
     "@graphcommerce/graphql-mesh": "4.1.3",
     "@graphcommerce/image": "3.1.5",
-    "@graphcommerce/magento-cart": "4.2.12",
-    "@graphcommerce/magento-cart-payment-method": "3.1.8",
-    "@graphcommerce/magento-store": "4.2.1",
-    "@graphcommerce/next-ui": "4.7.1",
-    "@graphcommerce/react-hook-form": "3.1.2"
+    "@graphcommerce/magento-cart": "4.2.15",
+    "@graphcommerce/magento-cart-payment-method": "3.1.11",
+    "@graphcommerce/magento-store": "4.2.4",
+    "@graphcommerce/next-ui": "4.8.0",
+    "@graphcommerce/react-hook-form": "3.1.3"
   },
   "peerDependencies": {
-    "@lingui/macro": "^3.13.2",
+    "@lingui/react": "^3.13.2",
+    "@lingui/core": "^3.13.2",
     "@mui/material": "5.5.3",
     "framer-motion": "^6.2.4",
     "next": "12.1.2",