@graphcommerce/magento-product-bundle 4.1.4 → 4.1.5

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Change Log
 
+## 4.1.5
+
+### Patch Changes
+
+- [#1675](https://github.com/graphcommerce-org/graphcommerce/pull/1675) [`1b1504c9b`](https://github.com/graphcommerce-org/graphcommerce/commit/1b1504c9b0e51f2787bce91e1ff1940f540411d6) Thanks [@paales](https://github.com/paales)! - Added crosssel functionality
+
+- Updated dependencies [[`9e630670f`](https://github.com/graphcommerce-org/graphcommerce/commit/9e630670ff6c952ab7b938d890b5509804985cf3), [`cf3518499`](https://github.com/graphcommerce-org/graphcommerce/commit/cf351849999ad6fe73ce2bb258098a7dd301d517), [`2e9fa5984`](https://github.com/graphcommerce-org/graphcommerce/commit/2e9fa5984a07ff14fc1b3a4f62189a26e8e3ecdd), [`adf13069a`](https://github.com/graphcommerce-org/graphcommerce/commit/adf13069af6460c960276b402237371c12fc6dec), [`1b1504c9b`](https://github.com/graphcommerce-org/graphcommerce/commit/1b1504c9b0e51f2787bce91e1ff1940f540411d6), [`8a34f8081`](https://github.com/graphcommerce-org/graphcommerce/commit/8a34f808186274a6fe1d4f309472f1a9c6d00efd), [`3dde492ad`](https://github.com/graphcommerce-org/graphcommerce/commit/3dde492ad3a49d96481eeb7453fb305d0017b1a5)]:
+  - @graphcommerce/next-ui@4.28.1
+  - @graphcommerce/graphql@3.5.0
+  - @graphcommerce/magento-cart@4.9.0
+  - @graphcommerce/magento-cart-items@3.1.16
+  - @graphcommerce/magento-product@4.7.3
+  - @graphcommerce/ecommerce-ui@1.5.4
+  - @graphcommerce/magento-store@4.3.2
+  - @graphcommerce/magento-product-simple@4.1.5
+  - @graphcommerce/magento-product-virtual@4.1.5
+  - @graphcommerce/image@3.1.10
+
 ## 4.1.4
 
 ### Patch Changes

package/{BundleCartItem → components/BundleCartItem}/BundleCartItem.graphql

@@ -10,4 +10,7 @@ fragment BundleCartItem on BundleCartItem @inject(into: ["CartItem"]) {
       price
     }
   }
+  bundle_customizable: customizable_options {
+    ...SelectedCustomizableOption
+  }
 }

package/components/BundleCartItem/BundleCartItem.tsx

@@ -0,0 +1,32 @@
+import { SelectedCustomizableOptions } from '@graphcommerce/magento-cart-items'
+import { Money } from '@graphcommerce/magento-store'
+import { Typography } from '@mui/material'
+import { BundleCartItemFragment } from './BundleCartItem.gql'
+
+export function BundleCartItem(props: BundleCartItemFragment) {
+  const { bundle_options, bundle_customizable } = props
+  return (
+    <>
+      {bundle_options.map((option) => {
+        if (!option?.uid) return null
+        return (
+          <div key={option.uid}>
+            {option.values.map((value) => {
+              if (!value?.uid) return null
+              return (
+                <Typography variant='body2' component='div' key={value.uid}>
+                  {value.quantity > 1 && <>{value.quantity} &times; </>}
+                  <Typography variant='subtitle2' component='span'>
+                    {value.label}
+                  </Typography>{' '}
+                  {value.price > 0 && <Money value={value.price} />}
+                </Typography>
+              )
+            })}
+          </div>
+        )
+      })}
+      <SelectedCustomizableOptions customizable_options={bundle_customizable} />
+    </>
+  )
+}

package/components/BundleProductOptions/BundleOption.tsx

@@ -38,7 +38,7 @@ export const BundleOption = React.memo<BundleOptionProps>((props) => {
             ? `cartItems.${index}.entered_options.${idx}.uid`
             : `cartItems.${index}.selected_options.${idx}`
         }
-        collapse={can_change_quantity}
+        // collapse={can_change_quantity}
         render={BundleOptionValue}
         items={useMemo(
           () =>

package/components/BundleProductOptions/BundleProductOptions.graphql

@@ -27,10 +27,7 @@ fragment BundleProductOptions on BundleProduct {
         name
         url_key
         thumbnail {
-          disabled
-          label
-          position
-          url
+          ...ProductImage
         }
       }
     }

package/index.ts

@@ -1,5 +1,5 @@
 export * from './ProductListItemBundle'
 export * from './BundleItemsForm/BundleItemsForm'
-export * from './BundleCartItem/BundleCartItem'
+export * from './components/BundleCartItem/BundleCartItem'
 export * from './BundleProductPage.gql'
 export * from './components/BundleProductOptions'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-product-bundle",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.1.4",
+  "version": "4.1.5",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -18,16 +18,16 @@
     "@playwright/test": "^1.21.1"
   },
   "dependencies": {
-    "@graphcommerce/ecommerce-ui": "1.5.3",
-    "@graphcommerce/graphql": "3.4.8",
-    "@graphcommerce/image": "3.1.9",
-    "@graphcommerce/magento-cart": "4.8.7",
-    "@graphcommerce/magento-cart-items": "3.1.15",
-    "@graphcommerce/magento-product": "4.7.2",
-    "@graphcommerce/magento-product-simple": "4.1.4",
-    "@graphcommerce/magento-product-virtual": "4.1.4",
-    "@graphcommerce/magento-store": "4.3.1",
-    "@graphcommerce/next-ui": "4.28.0"
+    "@graphcommerce/ecommerce-ui": "1.5.4",
+    "@graphcommerce/graphql": "3.5.0",
+    "@graphcommerce/image": "3.1.10",
+    "@graphcommerce/magento-cart": "4.9.0",
+    "@graphcommerce/magento-cart-items": "3.1.16",
+    "@graphcommerce/magento-product": "4.7.3",
+    "@graphcommerce/magento-product-simple": "4.1.5",
+    "@graphcommerce/magento-product-virtual": "4.1.5",
+    "@graphcommerce/magento-store": "4.3.2",
+    "@graphcommerce/next-ui": "4.28.1"
   },
   "peerDependencies": {
     "@lingui/react": "^3.13.2",

package/BundleCartItem/BundleCartItem.tsx

@@ -1,26 +0,0 @@
-import { CartItem, CartItemProps } from '@graphcommerce/magento-cart-items'
-import { BundleCartItemFragment } from './BundleCartItem.gql'
-
-export function BundleCartItem(props: BundleCartItemFragment & CartItemProps) {
-  const { bundle_options, ...cartItemProps } = props
-  return (
-    <CartItem {...cartItemProps} withOptions>
-      {bundle_options.map((option) => {
-        if (!option?.uid) return null
-        return (
-          <div key={option.uid}>
-            {option.values.map((value) => {
-              if (!value?.uid) return null
-
-              return (
-                <div key={value.uid}>
-                  {value.label} {value.quantity} {value.price}
-                </div>
-              )
-            })}
-          </div>
-        )
-      })}
-    </CartItem>
-  )
-}