@graphcommerce/google-datalayer 9.1.0-canary.26 → 9.1.0-canary.29

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @graphcommerce/google-datalayer
 
+## 9.1.0-canary.29
+
+## 9.1.0-canary.28
+
+## 9.1.0-canary.27
+
+### Patch Changes
+
+- [#2514](https://github.com/graphcommerce-org/graphcommerce/pull/2514) [`57ece20`](https://github.com/graphcommerce-org/graphcommerce/commit/57ece2097b9a3799e1d0a459c006dab656d20b9d) - Solve an issue where Analytics and Tagmanager events wouldn't be sent. Split useSendEvent and sendEvent methods into two files so plugins can be correctly applied to each. ([@paales](https://github.com/paales))
+
 ## 9.1.0-canary.26
 
 ## 9.1.0-canary.25

package/api/sendEvent.ts

@@ -13,10 +13,3 @@ export function sendEvent<Event extends keyof GoogleEventTypes>(
 ) {
   // This is a generic event handler and is plugins from google-analytics and google datalayer
 }
-
-export function useSendEvent() {
-  return <Event extends keyof GoogleEventTypes>(
-    eventName: Event,
-    eventData: GoogleEventTypes[Event],
-  ) => sendEvent<Event>(eventName, eventData)
-}

package/components/DatalayerViewItemList.tsx

@@ -4,7 +4,7 @@ import { useMemoObject } from '@graphcommerce/next-ui'
 import { useDebounce } from '@graphcommerce/react-hook-form'
 import { useEventCallback } from '@mui/material'
 import React, { useContext, useEffect, useRef } from 'react'
-import { useSendEvent } from '../api/sendEvent'
+import { useSendEvent } from '../hooks/useSendEvent'
 import {
   productItemsToViewItemList,
   viewItemListToSelectItem,

package/hooks/useSendEvent.ts

@@ -0,0 +1,9 @@
+import type { GoogleEventTypes } from '../api/googleEventNames'
+import { sendEvent } from '../api/sendEvent'
+
+export function useSendEvent() {
+  return <Event extends keyof GoogleEventTypes>(
+    eventName: Event,
+    eventData: GoogleEventTypes[Event],
+  ) => sendEvent<Event>(eventName, eventData)
+}

package/index.ts

@@ -1,2 +1,3 @@
 export * from './api/sendEvent'
+export * from './hooks/useSendEvent'
 export * from './api/googleEventNames'

package/package.json

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

package/plugins/GoogleDatalayerAddProductsToCartForm.tsx

@@ -2,7 +2,7 @@ import type { AddProductsToCartFormProps } from '@graphcommerce/magento-product'
 import { findAddedItems, toUserErrors } from '@graphcommerce/magento-product'
 import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { nonNullable } from '@graphcommerce/next-ui'
-import { useSendEvent } from '../api/sendEvent'
+import { useSendEvent } from '../hooks/useSendEvent'
 import { cartItemToDatalayerItem } from '../mapping/cartItemToDatalayerItem/cartItemToDatalayerItem'
 import { datalayerItemsToCurrencyValue } from '../mapping/datalayerItemsToCurrencyValue/datalayerItemsToCurrencyValue'
 

package/plugins/GoogleDatalayerCartStartCheckout.tsx

@@ -2,7 +2,7 @@ import type { CartStartCheckoutProps } from '@graphcommerce/magento-cart'
 import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useMemoObject } from '@graphcommerce/next-ui'
 import { useEffect, useRef } from 'react'
-import { useSendEvent } from '../api/sendEvent'
+import { useSendEvent } from '../hooks/useSendEvent'
 import { cartToBeginCheckout } from '../mapping/cartToBeginCheckout/cartToBeginCheckout'
 import { cartToViewCart } from '../mapping/cartToViewCart/cartToViewCart'
 

package/plugins/GoogleDatalayerCartStartCheckoutLinkOrButton.tsx

@@ -1,6 +1,6 @@
 import type { CartStartCheckoutLinkOrButtonProps } from '@graphcommerce/magento-cart'
 import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
-import { useSendEvent } from '../api/sendEvent'
+import { useSendEvent } from '../hooks/useSendEvent'
 import { cartToBeginCheckout } from '../mapping/cartToBeginCheckout/cartToBeginCheckout'
 
 export const config: PluginConfig = {

package/plugins/GoogleDatalayerPaymentMethodButton.tsx

@@ -2,7 +2,7 @@ import { useCartQuery } from '@graphcommerce/magento-cart'
 import type { PaymentMethodButtonProps } from '@graphcommerce/magento-cart-payment-method'
 import { GetPaymentMethodContextDocument } from '@graphcommerce/magento-cart-payment-method/PaymentMethodContext/GetPaymentMethodContext.gql'
 import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
-import { useSendEvent } from '../api/sendEvent'
+import { useSendEvent } from '../hooks/useSendEvent'
 import { cartToAddPaymentInfo } from '../mapping/cartToAddPaymentInfo/cartToAddPaymentInfo'
 
 export const config: PluginConfig = {

package/plugins/GoogleDatalayerPaymentMethodContextProvider.tsx

@@ -1,6 +1,6 @@
 import type { PaymentMethodContextProviderProps } from '@graphcommerce/magento-cart-payment-method'
 import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
-import { useSendEvent } from '../api/sendEvent'
+import { useSendEvent } from '../hooks/useSendEvent'
 import { cartToPurchase } from '../mapping/cartToPurchase/cartToPurchase'
 
 export const config: PluginConfig = {

package/plugins/GoogleDatalayerRemoveItemFromCart.tsx

@@ -1,6 +1,6 @@
 import type { useRemoveItemFromCart as useRemoveItemFromCartBase } from '@graphcommerce/magento-cart-items'
 import type { FunctionPlugin, PluginConfig } from '@graphcommerce/next-config'
-import { useSendEvent } from '../api/sendEvent'
+import { useSendEvent } from '../hooks/useSendEvent'
 import { cartItemToRemoveFromCart } from '../mapping/cartItemToRemoveFromCart/cartToRemoveFromCart'
 
 export const config: PluginConfig = {

package/plugins/GoogleDatalayerShippingMethodForm.tsx

@@ -1,6 +1,6 @@
 import type { ShippingMethodFormProps } from '@graphcommerce/magento-cart-shipping-method'
 import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
-import { useSendEvent } from '../api/sendEvent'
+import { useSendEvent } from '../hooks/useSendEvent'
 import { cartToAddShippingInfo } from '../mapping/cartToAddShippingInfo/cartToAddShippingInfo'
 
 export const config: PluginConfig = {

package/plugins/GoogleDatalayerUseRemoveItemFromCart.tsx

@@ -1,6 +1,6 @@
 import type { UpdateItemQuantityProps } from '@graphcommerce/magento-cart-items'
 import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
-import { useSendEvent } from '../api/sendEvent'
+import { useSendEvent } from '../hooks/useSendEvent'
 import { cartItemToDatalayerItem } from '../mapping/cartItemToDatalayerItem/cartItemToDatalayerItem'
 import { datalayerItemsToCurrencyValue } from '../mapping/datalayerItemsToCurrencyValue/datalayerItemsToCurrencyValue'
 

package/plugins/GoogleDatalayerViewItem.tsx

@@ -2,7 +2,7 @@ import type { ProductPageMetaProps } from '@graphcommerce/magento-product'
 import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useMemoObject } from '@graphcommerce/next-ui'
 import { useEffect } from 'react'
-import { useSendEvent } from '../api/sendEvent'
+import { useSendEvent } from '../hooks/useSendEvent'
 import { productToViewItem } from '../mapping/productToViewItem/productToViewItem'
 
 export const config: PluginConfig = {

package/plugins/GoogleDatalayerWebVitals.tsx

@@ -4,7 +4,7 @@ import { useEventCallback } from '@mui/material'
 import { useEffect } from 'react'
 import type { Metric } from 'web-vitals/attribution'
 import { onCLS, onFCP, onINP, onLCP, onTTFB } from 'web-vitals/attribution'
-import { useSendEvent } from '../api/sendEvent'
+import { useSendEvent } from '../hooks/useSendEvent'
 
 export const config: PluginConfig = {
   type: 'component',