@graphcommerce/magento-compare 6.2.0-canary.9

package/plugins/CompareAbleProductListItem.tsx

@@ -0,0 +1,41 @@
+import { ProductListItemProps } from '@graphcommerce/magento-product'
+import type { IfConfig, PluginProps } from '@graphcommerce/next-config'
+import { Box } from '@mui/material'
+import { CompareProductToggle } from '../components'
+
+export const component = 'ProductListItem' // Component to extend, required
+export const exported = '@graphcommerce/magento-product' // Location where the component is exported, required
+export const ifConfig: IfConfig = 'compare'
+
+function CompareAbleProductListItem(props: PluginProps<ProductListItemProps>) {
+  const { Prev, ...rest } = props
+  const { children, topRight } = props
+  if (import.meta.graphCommerce.compareVariant === 'CHECKBOX')
+    return (
+      <Prev topRight={topRight} {...rest}>
+        <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>
+          <CompareProductToggle {...rest} product={props} />
+        </Box>
+        {children}
+      </Prev>
+    )
+
+  if (
+    import.meta.graphCommerce.compareVariant === 'ICON' ||
+    !import.meta.graphCommerce.compareVariant
+  )
+    return (
+      <Prev
+        {...rest}
+        topRight={
+          <>
+            {topRight}
+            <CompareProductToggle {...rest} product={props} />
+          </>
+        }
+      >
+        {children}
+      </Prev>
+    )
+}
+export const Plugin = CompareAbleProductListItem

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "exclude": ["**/node_modules", "**/.*/"],
+  "include": ["**/*.ts", "**/*.tsx"],
+  "extends": "@graphcommerce/typescript-config-pwa/nextjs.json"
+}

package/typePolicies.ts

@@ -0,0 +1,12 @@
+import type { StrictTypedTypePolicies } from '@graphcommerce/graphql'
+import type { QuerycompareListArgs } from '@graphcommerce/graphql-mesh'
+
+export const compareTypePolicies: StrictTypedTypePolicies = {
+  Query: {
+    fields: {
+      // currentCartId: (_, { toReference }) => toReference({ __typename: 'CurrentCartId' }),
+      compareList: (_, { args, toReference }) =>
+        toReference({ __typename: 'CompareList', uid: (args as QuerycompareListArgs)?.uid }),
+    },
+  },
+}