@graphcommerce/magento-product-downloadable 4.0.57 → 4.1.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Change Log
 
+## 4.1.0
+
+### Minor Changes
+
+- [#1642](https://github.com/graphcommerce-org/graphcommerce/pull/1642) [`ad63ebf4e`](https://github.com/graphcommerce-org/graphcommerce/commit/ad63ebf4e33bfb0e5c9e5e68ab69b14775f3f8a8) Thanks [@paales](https://github.com/paales)! - Introduced `<AddProductsToCartForm/>`, which is allows for adding all product types to the cart with a single react-hook-form form.
+
+  Which allows you to fully compose the form on the product page without having to modify the page.
+
+### Patch Changes
+
+- Updated dependencies [[`ad63ebf4e`](https://github.com/graphcommerce-org/graphcommerce/commit/ad63ebf4e33bfb0e5c9e5e68ab69b14775f3f8a8), [`b6bf2c941`](https://github.com/graphcommerce-org/graphcommerce/commit/b6bf2c94197ddacbf8f1fc0d352cd0d46e096f30)]:
+  - @graphcommerce/magento-product@4.6.0
+  - @graphcommerce/magento-store@4.3.0
+  - @graphcommerce/next-ui@4.27.0
+  - @graphcommerce/magento-cart@4.8.4
+
+## 4.0.58
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @graphcommerce/magento-cart@4.8.3
+  - @graphcommerce/magento-product@4.5.10
+
 ## 4.0.57
 
 ### Patch Changes

package/ProductPageDownloadableQueryFragment.graphql

@@ -1,11 +1,9 @@
 fragment ProductPageDownloadableQueryFragment on Query {
   typeProducts: products(filter: { url_key: { eq: $urlKey } }) {
-    ...ProductSpecs
     items {
       __typename
       uid
       ... on DownloadableProduct {
-        ...ProductCustomizable
         downloadable_product_links {
           price
           sample_url

package/components/DownloadableProductOptions/DownloadableProductOptions.graphql

@@ -0,0 +1,18 @@
+fragment DownloadableProductOptions on DownloadableProduct {
+  __typename
+  uid
+  ... on DownloadableProduct {
+    downloadable_product_links {
+      price
+      sample_url
+      sort_order
+      title
+      uid
+    }
+    downloadable_product_samples {
+      title
+      sort_order
+      sample_url
+    }
+  }
+}

package/components/DownloadableProductOptions/DownloadableProductOptions.tsx

@@ -0,0 +1,45 @@
+import { useFormAddProductsToCart } from '@graphcommerce/magento-product'
+import { Money } from '@graphcommerce/magento-store'
+import {
+  ActionCard,
+  ActionCardListForm,
+  ActionCardProps,
+  filterNonNullableKeys,
+} from '@graphcommerce/next-ui'
+import { useMemo } from 'react'
+import { DownloadableProductOptionsFragment } from './DownloadableProductOptions.gql'
+
+type DownloadableProductOptionsProps = {
+  product: DownloadableProductOptionsFragment
+  index?: number
+}
+
+export function DownloadableProductOptions(props: DownloadableProductOptionsProps) {
+  const { product, index = 0 } = props
+  const { control } = useFormAddProductsToCart()
+
+  const items = useMemo(
+    () =>
+      filterNonNullableKeys(product.downloadable_product_links, ['title']).map((item) => {
+        const newItem: ActionCardProps = {
+          value: item.uid,
+          title: item.title,
+          price: <Money value={item.price} />,
+        }
+        return newItem
+      }),
+    [product.downloadable_product_links],
+  )
+
+  return (
+    <ActionCardListForm
+      size='medium'
+      required
+      errorMessage='Please select an option'
+      control={control}
+      name={`cartItems.${index}.selected_options.0`}
+      render={ActionCard}
+      items={items}
+    />
+  )
+}

package/components/DownloadableProductOptions/index.ts

@@ -0,0 +1 @@
+export * from './DownloadableProductOptions'

package/graphql/GetDownloadableTypeProduct.graphql

@@ -0,0 +1,9 @@
+query DownloadableProductPage($urlKey: String) {
+  typeProducts: products(filter: { url_key: { eq: $urlKey } }) {
+    items {
+      __typename
+      uid
+      ...DownloadableProductOptions
+    }
+  }
+}

package/index.ts

@@ -1,3 +1,4 @@
 export * from './DownloadableProductPage.gql'
 export * from './ProductListItemDownloadable'
 export * from './ProductListItemDownloadable.gql'
+export * from './components/DownloadableProductOptions'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-product-downloadable",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "4.0.57",
+  "version": "4.1.0",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -19,8 +19,10 @@
   },
   "dependencies": {
     "@graphcommerce/graphql": "3.4.8",
-    "@graphcommerce/magento-cart": "4.8.2",
-    "@graphcommerce/magento-product": "4.5.9"
+    "@graphcommerce/magento-cart": "4.8.4",
+    "@graphcommerce/magento-product": "4.6.0",
+    "@graphcommerce/magento-store": "4.3.0",
+    "@graphcommerce/next-ui": "4.27.0"
   },
   "peerDependencies": {
     "@lingui/react": "^3.13.2",