@graphcommerce/magento-review 8.0.6-canary.3 → 8.0.6

package/CHANGELOG.md

@@ -1,22 +1,6 @@
 # Change Log
 
-## 8.0.6-canary.3
-
-## 8.0.6-canary.2
-
-### Patch Changes
-
-- [#2234](https://github.com/graphcommerce-org/graphcommerce/pull/2234) [`0767bc4`](https://github.com/graphcommerce-org/graphcommerce/commit/0767bc40f7b596209f24ca4e745ff0441f3275c9) - Upgrade input components to no longer use muiRegister, which improves INP scores
-  ([@FrankHarland](https://github.com/FrankHarland))
-
-## 8.0.6-canary.1
-
-### Patch Changes
-
-- [#2213](https://github.com/graphcommerce-org/graphcommerce/pull/2213) [`a0d952e`](https://github.com/graphcommerce-org/graphcommerce/commit/a0d952e6b8a71a7451bfdb2bdb5150fc218169e2) - Moved product reviews to the relatedUpsells query so we do not pass the queryComplexity limit
-  ([@paales](https://github.com/paales))
-
-## 8.0.6-canary.0
+## 8.0.6
 
 ## 8.0.5
 

package/components/CreateProductReviewForm/CreateProductReviewForm.tsx

@@ -1,4 +1,3 @@
-import { TextFieldElement } from '@graphcommerce/ecommerce-ui'
 import { useQuery } from '@graphcommerce/graphql'
 import { ProductReviewRatingInput } from '@graphcommerce/graphql-mesh'
 import { ApolloCustomerErrorAlert } from '@graphcommerce/magento-customer'
@@ -13,7 +12,7 @@ import {
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/react'
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
-import { Box, Typography, Alert, Button, SxProps, Theme } from '@mui/material'
+import { Box, TextField, Typography, Alert, Button, SxProps, Theme } from '@mui/material'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 import { CreateProductReviewDocument } from './CreateProductReview.gql'
@@ -55,7 +54,7 @@ export function CreateProductReviewForm(props: CreateProductReviewFormProps) {
     },
     { errorPolicy: 'all' },
   )
-  const { handleSubmit, control, formState, required, error } = form
+  const { handleSubmit, muiRegister, formState, required, error } = form
   const submitHandler = handleSubmit(() => {})
 
   useEffect(() => {
@@ -92,16 +91,13 @@ export function CreateProductReviewForm(props: CreateProductReviewFormProps) {
   return (
     <Form onSubmit={submitHandler} noValidate className={classes.root} sx={sx}>
       <FormRow>
-        <TextFieldElement
+        <TextField
           variant='outlined'
           type='text'
           error={!!formState.errors.nickname || !!error}
           label={<Trans id='Name' />}
           required={required.nickname}
-          name='nickname'
-          rules={{ required: required.nickname }}
-          showValid
-          control={control}
+          {...muiRegister('nickname', { required: required.nickname })}
           helperText={formState.errors.nickname?.message}
           disabled={formState.isSubmitting}
           InputProps={{
@@ -173,32 +169,26 @@ export function CreateProductReviewForm(props: CreateProductReviewFormProps) {
       </Box>
 
       <FormRow>
-        <TextFieldElement
+        <TextField
           variant='outlined'
           type='text'
           error={!!formState.errors.summary || !!error}
           label={<Trans id='Summary' />}
           required={required.summary}
-          name='summary'
-          rules={{ required: required.summary }}
-          control={control}
-          showValid
+          {...muiRegister('summary', { required: required.summary })}
           helperText={formState.errors.summary?.message}
           disabled={formState.isSubmitting}
         />
       </FormRow>
 
       <FormRow>
-        <TextFieldElement
+        <TextField
           variant='outlined'
           type='text'
           error={!!formState.errors.text || !!error}
           label={<Trans id='Review' />}
           required={required.text}
-          name='text'
-          rules={{ required: required.text }}
-          control={control}
-          showValid
+          {...muiRegister('text', { required: required.text })}
           helperText={formState.errors.text?.message}
           disabled={formState.isSubmitting}
           multiline

package/components/JsonLdProductReview/JsonLdProductReview.graphql

@@ -1,4 +1,5 @@
-fragment JsonLdProductReview on ProductInterface {
-  rating_summary
+fragment JsonLdProductReview on ProductInterface @inject(into: ["JsonLdProduct"]) {
   ...ProductReviews
+  review_count
+  rating_summary
 }

package/components/JsonLdProductReview/jsonLdProductReview.ts

@@ -2,7 +2,7 @@ import type { Product } from 'schema-dts'
 import type { JsonLdProductReviewFragment } from './JsonLdProductReview.gql'
 
 export function jsonLdProductReview(
-  props: Partial<JsonLdProductReviewFragment>,
+  props: JsonLdProductReviewFragment,
 ): Pick<Product, 'aggregateRating' | 'review'> {
   const { reviews, review_count, rating_summary } = props
 
@@ -12,7 +12,7 @@ export function jsonLdProductReview(
       reviewCount: review_count ?? undefined,
       ratingValue: rating_summary ? Math.max(rating_summary * 0.5 * 0.1, 1) : undefined,
     },
-    review: reviews?.items.map((review) => ({
+    review: reviews.items.map((review) => ({
       '@type': 'Review',
       reviewRating: {
         '@type': 'Rating',

package/components/ProductReviews/ProductReviews.graphql

@@ -1,4 +1,4 @@
-fragment ProductReviews on ProductInterface {
+fragment ProductReviews on ProductInterface @inject(into: ["ProductPageItem"]) {
   reviews(pageSize: $reviewPageSize, currentPage: $reviewPage) {
     page_info {
       total_pages

package/package.json

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