@graphcommerce/magento-review 3.2.2 → 3.2.5

package/CHANGELOG.md

@@ -1,5 +1,71 @@
 # Change Log
 
+## 3.2.5
+
+### Patch Changes
+
+- Updated dependencies [[`c30893857`](https://github.com/graphcommerce-org/graphcommerce/commit/c3089385791291e812a48c2691a39a2325ee0439)]:
+  - @graphcommerce/magento-store@4.2.3
+  - @graphcommerce/magento-customer@4.2.12
+  - @graphcommerce/magento-product@4.3.4
+
+## 3.2.4
+
+### Patch Changes
+
+- [#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/react-hook-form@3.1.3
+  - @graphcommerce/magento-customer@4.2.11
+  - @graphcommerce/magento-product@4.3.3
+  - @graphcommerce/magento-store@4.2.2
+  - @graphcommerce/next-ui@4.7.2
+  - @graphcommerce/graphql@3.1.3
+
+## 3.2.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @graphcommerce/magento-customer@4.2.10
+  - @graphcommerce/magento-product@4.3.2
+
 ## 3.2.2
 
 ### Patch Changes

package/components/CreateProductReviewForm/CreateProductReviewForm.tsx

@@ -10,7 +10,7 @@ import {
   extendableComponent,
 } from '@graphcommerce/next-ui'
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
-import { Trans } from '@lingui/macro'
+import { Trans } from '@lingui/react'
 import { Box, TextField, Typography, Alert, Button, SxProps, Theme } from '@mui/material'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
@@ -76,11 +76,11 @@ export function CreateProductReviewForm(props: CreateProductReviewFormProps) {
     return (
       <>
         <Alert severity='success' variant='standard'>
-          <Trans>Thank you! Your review was successfully submitted for approval</Trans>
+          <Trans id='Thank you! Your review was successfully submitted for approval' />
         </Alert>
         <Box mt={6}>
           <Button variant='pill' color='secondary' size='large' onClick={() => router.back()}>
-            <Trans>Continue shopping</Trans>
+            <Trans id='Continue shopping' />
           </Button>
         </Box>
       </>
@@ -94,7 +94,7 @@ export function CreateProductReviewForm(props: CreateProductReviewFormProps) {
           variant='outlined'
           type='text'
           error={!!formState.errors.nickname || !!error}
-          label={<Trans>Name</Trans>}
+          label={<Trans id='Name' />}
           required={required.nickname}
           {...muiRegister('nickname', { required: required.nickname })}
           helperText={formState.errors.nickname?.message}
@@ -214,7 +214,7 @@ export function CreateProductReviewForm(props: CreateProductReviewFormProps) {
             height: responsiveVal(40, 50),
           }}
         >
-          <Trans>Submit review</Trans>
+          <Trans id='Submit review' />
         </Button>
         <Button
           variant='text'
@@ -227,7 +227,7 @@ export function CreateProductReviewForm(props: CreateProductReviewFormProps) {
             margin: '0 auto',
           }}
         >
-          <Trans>Cancel</Trans>
+          <Trans id='Cancel' />
         </Button>
       </FormActions>
 

package/components/ProductReviews/ProductReviews.tsx

@@ -5,7 +5,7 @@ import {
   StarRatingField,
   extendableComponent,
 } from '@graphcommerce/next-ui'
-import { Trans } from '@lingui/macro'
+import { Trans } from '@lingui/react'
 import { Typography, Button, Box, SxProps, Theme, Link } from '@mui/material'
 import { useRouter } from 'next/router'
 import React, { useState } from 'react'
@@ -87,7 +87,7 @@ export function ProductReviews(props: ProductReviewsProps) {
           },
         })}
       >
-        <Trans>Write a review</Trans>
+        <Trans id='Write a review' />
       </Button>
 
       {!!total_pages && total_pages > 1 && (
@@ -138,7 +138,7 @@ export function ProductReviews(props: ProductReviewsProps) {
             })}
           >
             <Typography variant='subtitle1'>
-              <Trans>Be the first to write a review!</Trans>
+              <Trans id='Be the first to write a review!' />
             </Typography>
           </Box>
         </Box>
@@ -232,7 +232,7 @@ export function ProductReviews(props: ProductReviewsProps) {
               })}
             >
               <Box className={classes.nickname} sx={{ typography: 'body2' }}>
-                <Trans>Written by</Trans> {review?.nickname}
+                <Trans id='Written by {nickname}' values={{ nickname: review?.nickname }} />
               </Box>
               <Box
                 component='time'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-review",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "3.2.2",
+  "version": "3.2.5",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,24 +12,25 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.1.6",
+    "@graphcommerce/eslint-config-pwa": "^4.1.7",
     "@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"
   },
   "dependencies": {
-    "@graphcommerce/graphql": "3.1.2",
+    "@graphcommerce/graphql": "3.1.3",
     "@graphcommerce/graphql-mesh": "4.1.3",
     "@graphcommerce/image": "3.1.5",
-    "@graphcommerce/magento-customer": "4.2.9",
-    "@graphcommerce/magento-product": "4.3.1",
-    "@graphcommerce/magento-store": "4.2.1",
-    "@graphcommerce/next-ui": "4.7.1",
-    "@graphcommerce/react-hook-form": "3.1.2",
+    "@graphcommerce/magento-customer": "4.2.12",
+    "@graphcommerce/magento-product": "4.3.4",
+    "@graphcommerce/magento-store": "4.2.3",
+    "@graphcommerce/next-ui": "4.7.2",
+    "@graphcommerce/react-hook-form": "3.1.3",
     "schema-dts": "^1.1.0"
   },
   "peerDependencies": {
-    "@lingui/macro": "^3.13.2",
+    "@lingui/react": "^3.13.2",
+    "@lingui/core": "^3.13.2",
     "@mui/material": "5.5.3",
     "next": "12.1.2",
     "react": "^17.0.2",