@graphcommerce/google-datalayer 8.1.0-canary.8 → 9.0.0-canary.54

package/CHANGELOG.md

@@ -1,5 +1,102 @@
 # @graphcommerce/google-datalayer
 
+## 9.0.0-canary.54
+
+## 8.1.0-canary.53
+
+## 8.1.0-canary.52
+
+## 8.1.0-canary.51
+
+## 8.1.0-canary.50
+
+## 8.1.0-canary.49
+
+## 8.1.0-canary.48
+
+## 8.1.0-canary.47
+
+## 8.1.0-canary.46
+
+## 8.1.0-canary.45
+
+## 8.1.0-canary.44
+
+## 8.1.0-canary.43
+
+## 8.1.0-canary.42
+
+## 8.1.0-canary.41
+
+## 8.1.0-canary.40
+
+## 8.1.0-canary.39
+
+## 8.1.0-canary.38
+
+## 8.1.0-canary.37
+
+## 8.1.0-canary.36
+
+## 8.1.0-canary.35
+
+## 8.1.0-canary.34
+
+## 8.1.0-canary.33
+
+## 8.1.0-canary.32
+
+## 8.1.0-canary.31
+
+## 8.1.0-canary.30
+
+## 8.1.0-canary.29
+
+## 8.1.0-canary.28
+
+## 8.1.0-canary.27
+
+## 8.1.0-canary.26
+
+## 8.1.0-canary.25
+
+## 8.1.0-canary.24
+
+## 8.1.0-canary.23
+
+## 8.1.0-canary.22
+
+## 8.1.0-canary.21
+
+## 8.1.0-canary.20
+
+### Patch Changes
+
+- [#2246](https://github.com/graphcommerce-org/graphcommerce/pull/2246) [`fc5c04d`](https://github.com/graphcommerce-org/graphcommerce/commit/fc5c04d4a2c0301be7d3cc983d9b31f6fcaf6fe6) - Create useRemoveItemFromCart hook to allow for reuse while keeping compatibility with plugins.
+  ([@Jessevdpoel](https://github.com/Jessevdpoel))
+
+## 8.1.0-canary.19
+
+## 8.1.0-canary.18
+
+## 8.1.0-canary.17
+
+## 8.1.0-canary.16
+
+## 8.1.0-canary.15
+
+## 8.1.0-canary.14
+
+## 8.1.0-canary.13
+
+## 8.1.0-canary.12
+
+## 8.1.0-canary.11
+
+## 8.1.0-canary.10
+
+## 8.1.0-canary.9
+
 ## 8.1.0-canary.8
 
 ## 8.1.0-canary.7

package/Config.graphqls

@@ -1,4 +1,7 @@
 extend input GraphCommerceConfig {
+  """
+  Datalayer config
+  """
   dataLayer: DatalayerConfig
 }
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/google-datalayer",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "8.1.0-canary.8",
+  "version": "9.0.0-canary.54",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,14 +12,14 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^8.1.0-canary.8",
-    "@graphcommerce/magento-cart": "^8.1.0-canary.8",
-    "@graphcommerce/magento-cart-payment-method": "^8.1.0-canary.8",
-    "@graphcommerce/magento-cart-shipping-method": "^8.1.0-canary.8",
-    "@graphcommerce/magento-product": "^8.1.0-canary.8",
-    "@graphcommerce/next-ui": "^8.1.0-canary.8",
-    "@graphcommerce/prettier-config-pwa": "^8.1.0-canary.8",
-    "@graphcommerce/typescript-config-pwa": "^8.1.0-canary.8",
+    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.54",
+    "@graphcommerce/magento-cart": "^9.0.0-canary.54",
+    "@graphcommerce/magento-cart-payment-method": "^9.0.0-canary.54",
+    "@graphcommerce/magento-cart-shipping-method": "^9.0.0-canary.54",
+    "@graphcommerce/magento-product": "^9.0.0-canary.54",
+    "@graphcommerce/next-ui": "^9.0.0-canary.54",
+    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.54",
+    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.54",
     "@mui/material": "^5.14.20",
     "next": "^14",
     "react": "^18.2.0",

package/plugins/GoogleDatalayerRemoveItemFromCart.tsx

@@ -1,29 +1,26 @@
-import type { RemoveItemFromCartProps } from '@graphcommerce/magento-cart-items'
-import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
+import type { useRemoveItemFromCart as useRemoveItemFromCartBase } from '@graphcommerce/magento-cart-items'
+import type { FunctionPlugin, PluginConfig } from '@graphcommerce/next-config'
 import { sendEvent } from '../api/sendEvent'
 import { cartItemToRemoveFromCart } from '../mapping/cartItemToRemoveFromCart/cartToRemoveFromCart'
 
 export const config: PluginConfig = {
-  type: 'component',
+  type: 'function',
   module: '@graphcommerce/magento-cart-items',
 }
 
-export function RemoveItemFromCart(props: PluginProps<RemoveItemFromCartProps>) {
-  const { Prev, buttonProps } = props
-
-  return (
-    <Prev
-      {...props}
-      buttonProps={{
-        ...buttonProps,
-        onClick: (e) => {
-          sendEvent(
-            'remove_from_cart',
-            cartItemToRemoveFromCart({ __typename: 'SimpleCartItem', ...props }),
-          )
-          buttonProps?.onClick?.(e)
-        },
-      }}
-    />
-  )
-}
+export const useRemoveItemFromCart: FunctionPlugin<typeof useRemoveItemFromCartBase> = (
+  usePrev,
+  props,
+) =>
+  usePrev({
+    ...props,
+    onComplete: (result, variables) => {
+      if (!result.errors) {
+        sendEvent(
+          'remove_from_cart',
+          cartItemToRemoveFromCart({ ...props, __typename: 'SimpleCartItem' }),
+        )
+      }
+      return props.onComplete?.(result, variables)
+    },
+  })

package/plugins/GoogleDatalayerRemoveItemFromCartFab.tsx

@@ -1,29 +0,0 @@
-import type { RemoveItemFromCartFabProps } from '@graphcommerce/magento-cart-items'
-import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
-import { sendEvent } from '../api/sendEvent'
-import { cartItemToRemoveFromCart } from '../mapping/cartItemToRemoveFromCart/cartToRemoveFromCart'
-
-export const config: PluginConfig = {
-  type: 'component',
-  module: '@graphcommerce/magento-cart-items',
-}
-
-export function RemoveItemFromCartFab(props: PluginProps<RemoveItemFromCartFabProps>) {
-  const { Prev, fabProps } = props
-
-  return (
-    <Prev
-      {...props}
-      fabProps={{
-        ...fabProps,
-        onClick: (e) => {
-          sendEvent(
-            'remove_from_cart',
-            cartItemToRemoveFromCart({ __typename: 'SimpleCartItem', ...props }),
-          )
-          fabProps?.onClick?.(e)
-        },
-      }}
-    />
-  )
-}