@graphcommerce/magento-product-configurable 9.0.0-canary.59 → 9.0.0-canary.60

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # Change Log
 
+## 9.0.0-canary.60
+
 ## 9.0.0-canary.59
 
 ## 9.0.0-canary.58

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-product-configurable",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.0.0-canary.59",
+  "version": "9.0.0-canary.60",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,23 +12,23 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/ecommerce-ui": "^9.0.0-canary.59",
-    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.59",
-    "@graphcommerce/graphql": "^9.0.0-canary.59",
-    "@graphcommerce/graphql-mesh": "^9.0.0-canary.59",
-    "@graphcommerce/image": "^9.0.0-canary.59",
-    "@graphcommerce/lingui-next": "9.0.0-canary.59",
-    "@graphcommerce/magento-cart": "^9.0.0-canary.59",
-    "@graphcommerce/magento-cart-items": "^9.0.0-canary.59",
-    "@graphcommerce/magento-category": "^9.0.0-canary.59",
-    "@graphcommerce/magento-customer": "^9.0.0-canary.59",
-    "@graphcommerce/magento-product": "^9.0.0-canary.59",
-    "@graphcommerce/magento-product-simple": "^9.0.0-canary.59",
-    "@graphcommerce/magento-store": "^9.0.0-canary.59",
-    "@graphcommerce/next-ui": "^9.0.0-canary.59",
-    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.59",
-    "@graphcommerce/react-hook-form": "^9.0.0-canary.59",
-    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.59",
+    "@graphcommerce/ecommerce-ui": "^9.0.0-canary.60",
+    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.60",
+    "@graphcommerce/graphql": "^9.0.0-canary.60",
+    "@graphcommerce/graphql-mesh": "^9.0.0-canary.60",
+    "@graphcommerce/image": "^9.0.0-canary.60",
+    "@graphcommerce/lingui-next": "9.0.0-canary.60",
+    "@graphcommerce/magento-cart": "^9.0.0-canary.60",
+    "@graphcommerce/magento-cart-items": "^9.0.0-canary.60",
+    "@graphcommerce/magento-category": "^9.0.0-canary.60",
+    "@graphcommerce/magento-customer": "^9.0.0-canary.60",
+    "@graphcommerce/magento-product": "^9.0.0-canary.60",
+    "@graphcommerce/magento-product-simple": "^9.0.0-canary.60",
+    "@graphcommerce/magento-store": "^9.0.0-canary.60",
+    "@graphcommerce/next-ui": "^9.0.0-canary.60",
+    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.60",
+    "@graphcommerce/react-hook-form": "^9.0.0-canary.60",
+    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.60",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",

package/plugins/ConfigurableProductPage/ConfigurableProductPageDescription.tsx

@@ -2,14 +2,16 @@ import type {
   AddToCartItemSelector,
   ProductPageDescriptionProps,
 } from '@graphcommerce/magento-product'
-import type { IfConfig, PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useConfigurableSelectedVariant } from '../../hooks'
 
-export const component = 'ProductPageDescription'
-export const exported = '@graphcommerce/magento-product'
-export const ifConfig: IfConfig = 'configurableVariantValues.content'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/magento-product',
+  ifConfig: 'configurableVariantValues.content',
+}
 
-export const ConfigurableProductPageDescription = (
+export const ProductPageDescription = (
   props: PluginProps<ProductPageDescriptionProps & AddToCartItemSelector>,
 ) => {
   const { Prev, product, index, ...rest } = props
@@ -28,5 +30,3 @@ export const ConfigurableProductPageDescription = (
     />
   )
 }
-
-export const Plugin = ConfigurableProductPageDescription

package/plugins/ConfigurableProductPage/ConfigurableProductPageGallery.tsx

@@ -1,13 +1,15 @@
 import type { AddToCartItemSelector, ProductPageGalleryProps } from '@graphcommerce/magento-product'
-import type { PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useConfigurableOptionsSelection } from '../../hooks'
 
-export const component = 'ProductPageGallery'
-export const exported = '@graphcommerce/magento-product'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/magento-product',
+}
 
-const ConfigurableProductPageGallery = (
+export function ProductPageGallery(
   props: PluginProps<ProductPageGalleryProps> & AddToCartItemSelector,
-) => {
+) {
   const { Prev, product, index, ...rest } = props
 
   const { configured } = useConfigurableOptionsSelection({ url_key: product.url_key, index })
@@ -19,5 +21,3 @@ const ConfigurableProductPageGallery = (
 
   return <Prev product={{ ...product, media_gallery }} {...rest} />
 }
-
-export const Plugin = ConfigurableProductPageGallery

package/plugins/ConfigurableProductPage/ConfigurableProductPageJsonLd.tsx

@@ -3,22 +3,19 @@ import type {
   JsonLdProductFragment,
   ProductPageJsonLdProps,
 } from '@graphcommerce/magento-product'
-import type { IfConfig, PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useConfigurableSelectedVariant } from '../../hooks'
 
-export const component = 'ProductPageJsonLd'
-export const exported = '@graphcommerce/magento-product'
-export const ifConfig: IfConfig = 'configurableVariantValues.content'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/magento-product',
+  ifConfig: 'configurableVariantValues.content',
+}
 
-const ConfigurableProductPageJsonLd = <
-  T extends { '@type': string },
-  P extends JsonLdProductFragment,
->(
+export function ProductPageJsonLd<T extends { '@type': string }, P extends JsonLdProductFragment>(
   props: PluginProps<ProductPageJsonLdProps<T, P>> & AddToCartItemSelector,
-) => {
+) {
   const { Prev, product, index, ...rest } = props
   const variant = useConfigurableSelectedVariant({ url_key: product.url_key, index })
   return <Prev product={(variant ?? product) as P} {...rest} />
 }
-
-export const Plugin = ConfigurableProductPageJsonLd

package/plugins/ConfigurableProductPage/ConfigurableProductPageMeta.tsx

@@ -4,18 +4,18 @@ import {
   type AddToCartItemSelector,
   ProductPageMetaProps,
 } from '@graphcommerce/magento-product'
-import type { IfConfig, PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useRouter } from 'next/router'
 import { useEffect } from 'react'
 import { useConfigurableSelectedVariant } from '../../hooks'
 
-export const component = 'ProductPageMeta'
-export const exported = '@graphcommerce/magento-product'
-export const ifConfig: IfConfig = 'configurableVariantValues.url'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/magento-product',
+  ifConfig: 'configurableVariantValues.url',
+}
 
-const ConfigurableProductPageMetaUrls = (
-  props: PluginProps<ProductPageMetaProps> & AddToCartItemSelector,
-) => {
+export function ProductPageMeta(props: PluginProps<ProductPageMetaProps> & AddToCartItemSelector) {
   const { Prev, product, index, ...rest } = props
   const { replace, asPath } = useRouter()
 
@@ -37,5 +37,3 @@ const ConfigurableProductPageMetaUrls = (
 
   return <Prev product={variant ? mergeDeep(product, variant) : product} {...rest} />
 }
-
-export const Plugin = ConfigurableProductPageMetaUrls

package/plugins/ConfigurableProductPage/ConfigurableProductPageName.tsx

@@ -1,17 +1,15 @@
 import type { AddToCartItemSelector, ProductPageNameProps } from '@graphcommerce/magento-product'
-import type { IfConfig, PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useConfigurableSelectedVariant } from '../../hooks'
 
-export const component = 'ProductPageName'
-export const exported = '@graphcommerce/magento-product'
-export const ifConfig: IfConfig = 'configurableVariantValues.content'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/magento-product',
+  ifConfig: 'configurableVariantValues.content',
+}
 
-const ConfigurableProductPageName = (
-  props: PluginProps<ProductPageNameProps> & AddToCartItemSelector,
-) => {
+export function ProductPageName(props: PluginProps<ProductPageNameProps> & AddToCartItemSelector) {
   const { Prev, product, index, ...rest } = props
   const variant = useConfigurableSelectedVariant({ url_key: product.url_key, index })
   return <Prev product={variant ?? product} {...rest} />
 }
-
-export const Plugin = ConfigurableProductPageName

package/plugins/ConfigurableProductPage/ConfigurableProductPagePrice.tsx

@@ -1,13 +1,15 @@
 import { AddToCartItemSelector, ProductPagePriceProps } from '@graphcommerce/magento-product'
-import type { PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useConfigurableSelectedVariant } from '../../hooks'
 
-export const component = 'ProductPagePrice'
-export const exported = '@graphcommerce/magento-product'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/magento-product',
+}
 
-const ConfigurableProductPagePrice = (
+export function ProductPagePrice(
   props: PluginProps<ProductPagePriceProps> & AddToCartItemSelector,
-) => {
+) {
   const { Prev, product, index, ...rest } = props
   const variant = useConfigurableSelectedVariant({ url_key: product.url_key, index })
 
@@ -21,5 +23,3 @@ const ConfigurableProductPagePrice = (
     />
   )
 }
-
-export const Plugin = ConfigurableProductPagePrice

package/plugins/ConfigurableProductPage/ConfigurableProductPagePriceTiers.tsx

@@ -2,15 +2,17 @@ import type {
   AddToCartItemSelector,
   ProductPagePriceTiersProps,
 } from '@graphcommerce/magento-product'
-import type { PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useConfigurableSelectedVariant } from '../../hooks'
 
-export const component = 'ProductPagePriceTiers'
-export const exported = '@graphcommerce/magento-product'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/magento-product',
+}
 
-const ConfigurableProductPagePriceTiers = (
+export function ProductPagePriceTiers(
   props: PluginProps<ProductPagePriceTiersProps> & AddToCartItemSelector,
-) => {
+) {
   const { Prev, product, index, ...rest } = props
   const variant = useConfigurableSelectedVariant({ url_key: product.url_key, index })
 
@@ -19,5 +21,3 @@ const ConfigurableProductPagePriceTiers = (
 
   return <Prev product={{ ...variant, options: product.options }} {...rest} />
 }
-
-export const Plugin = ConfigurableProductPagePriceTiers

package/plugins/ConfigurableProductPage/ConfigurableProductShortDescription.tsx

@@ -2,16 +2,18 @@ import type {
   AddToCartItemSelector,
   ProductShortDescriptionProps,
 } from '@graphcommerce/magento-product'
-import type { IfConfig, PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useConfigurableSelectedVariant } from '../../hooks'
 
-export const component = 'ProductShortDescription'
-export const exported = '@graphcommerce/magento-product'
-export const ifConfig: IfConfig = 'configurableVariantValues.content'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/magento-product',
+  ifConfig: 'configurableVariantValues.content',
+}
 
-const ConfigurableProductShortDescription = (
+export function ProductShortDescription(
   props: PluginProps<ProductShortDescriptionProps> & AddToCartItemSelector,
-) => {
+) {
   const { Prev, product, ...rest } = props
   const variant = useConfigurableSelectedVariant({ url_key: product.url_key, index: 0 })
 
@@ -27,5 +29,3 @@ const ConfigurableProductShortDescription = (
     />
   )
 }
-
-export const Plugin = ConfigurableProductShortDescription