@graphcommerce/magento-review 9.0.0-canary.103 → 9.0.0-canary.104

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # Change Log
 
+## 9.0.0-canary.104
+
 ## 9.0.0-canary.103
 
 ## 9.0.0-canary.77
@@ -627,8 +629,8 @@
   Needs to be replaced with:
 
   ```tsx
-  import { Trans } from '@lingui/react'
   import { i18n } from '@lingui/core'
+  import { Trans } from '@lingui/react'
 
   function MyComponent() {
     const foo = 'bar'

package/components/CreateProductReviewForm/CreateProductReviewForm.tsx

@@ -4,17 +4,17 @@ import type { ProductReviewRatingInput } from '@graphcommerce/graphql-mesh'
 import { ApolloCustomerErrorAlert } from '@graphcommerce/magento-customer'
 import {
   Form,
-  responsiveVal,
   FormActions,
   FormRow,
   StarRatingField,
   extendableComponent,
+  responsiveVal,
 } from '@graphcommerce/next-ui'
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/react'
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import type { SxProps, Theme } from '@mui/material'
-import { Box, Typography, Alert, Button } from '@mui/material'
+import { Alert, Box, Button, Typography } from '@mui/material'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 import { CreateProductReviewDocument } from './CreateProductReview.gql'

package/components/CustomerReview/CustomerReview.tsx

@@ -1,5 +1,5 @@
 import { Image } from '@graphcommerce/image'
-import { responsiveVal, extendableComponent, IconSvg, DateTimeFormat } from '@graphcommerce/next-ui'
+import { DateTimeFormat, IconSvg, extendableComponent, responsiveVal } from '@graphcommerce/next-ui'
 import type { SxProps, Theme } from '@mui/material'
 import { Box } from '@mui/material'
 import type { CustomerReviewFragment } from './CustomerReview.gql'
@@ -92,7 +92,7 @@ export function CustomerReview(props: CustomerReviewProps) {
           color: theme.palette.text.disabled,
         })}
       >
-        <DateTimeFormat>{created_at}</DateTimeFormat>
+        <DateTimeFormat date={created_at} />
       </Box>
     </Box>
   )

package/components/ProductReviewSummary/ProductReviewSummary.tsx

@@ -1,4 +1,4 @@
-import { IconSvg, iconStar, extendableComponent } from '@graphcommerce/next-ui'
+import { IconSvg, extendableComponent, iconStar } from '@graphcommerce/next-ui'
 import type { SxProps, Theme } from '@mui/material'
 import { Box } from '@mui/material'
 import type { ProductReviewSummaryFragment } from './ProductReviewSummary.gql'

package/components/ProductReviews/ProductReviews.tsx

@@ -1,14 +1,14 @@
 import { useQuery } from '@graphcommerce/graphql'
 import {
+  DateTimeFormat,
   Pagination,
-  responsiveVal,
   StarRatingField,
   extendableComponent,
-  DateTimeFormat,
+  responsiveVal,
 } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
 import type { SxProps, Theme } from '@mui/material'
-import { Typography, Button, Box, Link } from '@mui/material'
+import { Box, Button, Link, Typography } from '@mui/material'
 import { useRouter } from 'next/router'
 import React, { useState } from 'react'
 import { ProductReviewChip } from '../ProductReviewChip/ProductReviewChip'
@@ -232,9 +232,7 @@ export function ProductReviews(props: ProductReviewsProps) {
                 dateTime={review?.created_at}
                 sx={{ typography: 'body2' }}
               >
-                <DateTimeFormat dateStyle='long' timeStyle='short'>
-                  {review?.created_at.replace(/-/g, '/')}
-                </DateTimeFormat>
+                <DateTimeFormat dateStyle='long' timeStyle='short' date={review?.created_at} />
               </Box>
             </Box>
           </Box>

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-review",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.0.0-canary.103",
+  "version": "9.0.0-canary.104",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -18,18 +18,18 @@
     "typescript": "5.6.2"
   },
   "peerDependencies": {
-    "@graphcommerce/ecommerce-ui": "^9.0.0-canary.103",
-    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.103",
-    "@graphcommerce/graphql": "^9.0.0-canary.103",
-    "@graphcommerce/graphql-mesh": "^9.0.0-canary.103",
-    "@graphcommerce/image": "^9.0.0-canary.103",
-    "@graphcommerce/magento-customer": "^9.0.0-canary.103",
-    "@graphcommerce/magento-product": "^9.0.0-canary.103",
-    "@graphcommerce/magento-store": "^9.0.0-canary.103",
-    "@graphcommerce/next-ui": "^9.0.0-canary.103",
-    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.103",
-    "@graphcommerce/react-hook-form": "^9.0.0-canary.103",
-    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.103",
+    "@graphcommerce/ecommerce-ui": "^9.0.0-canary.104",
+    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.104",
+    "@graphcommerce/graphql": "^9.0.0-canary.104",
+    "@graphcommerce/graphql-mesh": "^9.0.0-canary.104",
+    "@graphcommerce/image": "^9.0.0-canary.104",
+    "@graphcommerce/magento-customer": "^9.0.0-canary.104",
+    "@graphcommerce/magento-product": "^9.0.0-canary.104",
+    "@graphcommerce/magento-store": "^9.0.0-canary.104",
+    "@graphcommerce/next-ui": "^9.0.0-canary.104",
+    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.104",
+    "@graphcommerce/react-hook-form": "^9.0.0-canary.104",
+    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.104",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",