@graphcommerce/magento-product 4.6.0 → 4.6.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 4.6.1
+
+### Patch Changes
+
+- [#1660](https://github.com/graphcommerce-org/graphcommerce/pull/1660) [`48e6522bb`](https://github.com/graphcommerce-org/graphcommerce/commit/48e6522bb9424d4bd77fd77c68065f5625f3ec8d) Thanks [@paales](https://github.com/paales)! - Forward onChange handler for AddProductsToCartButton
+
+* [#1660](https://github.com/graphcommerce-org/graphcommerce/pull/1660) [`37b1980a0`](https://github.com/graphcommerce-org/graphcommerce/commit/37b1980a04a4a3d77663b404ae83539620cf65b9) Thanks [@paales](https://github.com/paales)! - Do not static build old product pages when the new product page is used an vice versa
+
+* Updated dependencies [[`e5048c5ec`](https://github.com/graphcommerce-org/graphcommerce/commit/e5048c5ec52b83dbe70a246ffdcea65b55a884c6)]:
+  - @graphcommerce/ecommerce-ui@1.5.1
+  - @graphcommerce/magento-cart@4.8.5
+
 ## 4.6.0
 
 ### Minor Changes

package/components/AddProductsToCart/AddProductsToCartButton.tsx

@@ -1,6 +1,6 @@
 import { Button, ButtonProps } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
-import { SxProps, Theme } from '@mui/material'
+import { SxProps, Theme, useEventCallback } from '@mui/material'
 import { useFormAddProductsToCart } from './AddProductsToCartForm'
 
 export type AddProductsToCartButtonProps = {
@@ -22,7 +22,14 @@ export type AddProductsToCartButtonProps = {
 
 export function AddProductsToCartButton(props: AddProductsToCartButtonProps) {
   const { formState, setValue } = useFormAddProductsToCart()
-  const { loading, sku, index = 0 } = props
+  const { loading, sku, index = 0, disabled, onClick } = props
+
+  const clickHandler: NonNullable<AddProductsToCartButtonProps['onClick']> = useEventCallback(
+    (e) => {
+      setValue(`cartItems.${index}.sku`, sku)
+      onClick?.(e)
+    },
+  )
 
   return (
     <Button
@@ -31,9 +38,9 @@ export function AddProductsToCartButton(props: AddProductsToCartButtonProps) {
       variant='pill'
       size='large'
       {...props}
-      disabled={Boolean(formState.errors.cartItems?.[index].sku?.message)}
+      disabled={Boolean(formState.errors.cartItems?.[index].sku?.message) || disabled}
       loading={formState.isSubmitting || loading}
-      onClick={() => setValue(`cartItems.${index}.sku`, sku)}
+      onClick={clickHandler}
     >
       <Trans id='Add to Cart' />
     </Button>

package/components/AddProductsToCart/AddProductsToCartQuantity.tsx

@@ -3,12 +3,12 @@ import { useFormAddProductsToCart } from './AddProductsToCartForm'
 
 type AddToCartQuantityProps = Omit<
   NumberFieldElementProps,
-  'error' | 'required' | 'inputProps' | 'inputRef' | 'helperText' | 'name'
+  'error' | 'required' | 'inputProps' | 'helperText' | 'name' | 'control' | 'name'
 > & { index?: number }
 
 export function AddProductsToCartQuantity(props: AddToCartQuantityProps) {
   const { index = 0 } = props
-  const { formState, control } = useFormAddProductsToCart()
+  const { control } = useFormAddProductsToCart()
 
   return (
     <NumberFieldElement
@@ -17,10 +17,9 @@ export function AddProductsToCartQuantity(props: AddToCartQuantityProps) {
       {...props}
       required
       inputProps={{ min: 1 }}
-      defaultValue='1'
+      defaultValue={1}
       control={control}
       name={`cartItems.${index}.quantity`}
-      helperText={formState.isSubmitted && formState.errors.cartItems?.[index].quantity?.message}
     />
   )
 }

package/components/ProductStaticPaths/getProductStaticPaths.ts

@@ -11,7 +11,7 @@ export type ProductTypenames = NonNullable<
 export async function getProductStaticPaths(
   client: ApolloClient<NormalizedCacheObject>,
   locale: string,
-  typename: ProductTypenames,
+  typename?: ProductTypenames,
 ) {
   const query = client.query({
     query: ProductStaticPathsDocument,
@@ -25,7 +25,7 @@ export async function getProductStaticPaths(
   const paths: Return['paths'] = (await Promise.all(pages))
     .map((q) => q.data.products?.items)
     .flat(1)
-    .filter((item) => item?.__typename === typename)
+    .filter((item) => (typename ? item?.__typename === typename : true))
     .map((p) => ({ params: { url: `${p?.url_key}` }, locale }))
 
   return process.env.VERCEL_ENV !== 'production' ? paths.slice(0, 1) : paths

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-product",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.6.0",
+  "version": "4.6.1",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -19,12 +19,12 @@
     "type-fest": "^2.12.2"
   },
   "dependencies": {
-    "@graphcommerce/ecommerce-ui": "1.5.0",
+    "@graphcommerce/ecommerce-ui": "1.5.1",
     "@graphcommerce/framer-scroller": "2.1.39",
     "@graphcommerce/graphql": "3.4.8",
     "@graphcommerce/graphql-mesh": "4.2.0",
     "@graphcommerce/image": "3.1.9",
-    "@graphcommerce/magento-cart": "4.8.4",
+    "@graphcommerce/magento-cart": "4.8.5",
     "@graphcommerce/magento-store": "4.3.0",
     "@graphcommerce/next-ui": "4.27.0",
     "schema-dts": "^1.1.0"