@graphcommerce/google-datalayer 8.0.5-canary.0 → 8.0.5-canary.1

package/events/begin_checkout/BeginCheckoutFragment.graphql

@@ -1,38 +0,0 @@
-fragment BeginCheckoutFragment on Cart @inject(into: ["CartStartCheckout"]) {
-  prices {
-    grand_total {
-      currency
-      value
-    }
-  }
-  applied_coupons {
-    code
-  }
-  items {
-    __typename
-    uid
-    product {
-      uid
-      sku
-      name
-    }
-    prices {
-      price {
-        value
-        currency
-      }
-      discounts {
-        amount {
-          value
-        }
-      }
-    }
-    quantity
-    ... on ConfigurableCartItem {
-      configured_variant {
-        uid
-        sku
-      }
-    }
-  }
-}

package/events/begin_checkout/beginCheckout.ts

@@ -1,22 +0,0 @@
-import { event } from '../../lib/event'
-import { BeginCheckoutFragment } from './BeginCheckoutFragment.gql'
-
-export const beginCheckout = <C extends BeginCheckoutFragment>(cart?: C | null) =>
-  event('begin_checkout', {
-    ...cart,
-    currency: cart?.prices?.grand_total?.currency,
-    value: cart?.prices?.grand_total?.value,
-    coupon: cart?.applied_coupons?.map((coupon) => coupon?.code),
-    items: cart?.items?.map((item) => ({
-      item_id: item?.product.sku,
-      item_name: item?.product.name,
-      currency: item?.prices?.price.currency,
-      discount: item?.prices?.discounts?.reduce(
-        (sum, discount) => sum + (discount?.amount?.value ?? 0),
-        0,
-      ),
-      item_variant: item?.__typename === 'ConfigurableCartItem' ? item.configured_variant.sku : '',
-      price: item?.prices?.price.value,
-      quantity: item?.quantity,
-    })),
-  })

package/events/begin_checkout/index.ts

@@ -1,2 +0,0 @@
-export * from './beginCheckout'
-export * from './BeginCheckoutFragment.gql'

package/events/purchase/index.ts

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

package/events/purchase/purchase.ts

@@ -1,27 +0,0 @@
-import { PaymentMethodContextFragment } from '@graphcommerce/magento-cart-payment-method/Api/PaymentMethodContext.gql'
-import { event } from '../../lib/event'
-
-export const purchase = <C extends PaymentMethodContextFragment>(
-  orderNumber: string,
-  cart: C | null | undefined,
-) =>
-  event('purchase', {
-    ...cart,
-    transaction_id: orderNumber,
-    currency: cart?.prices?.grand_total?.currency,
-    value: cart?.prices?.grand_total?.value,
-    coupon: cart?.applied_coupons?.map((coupon) => coupon?.code).join(' '),
-    payment_type: cart?.selected_payment_method?.code,
-    tax: cart?.prices?.applied_taxes?.reduce((sum, tax) => sum + (tax?.amount?.value ?? 0), 0),
-    items: cart?.items?.map((item) => ({
-      item_id: item?.product.sku,
-      item_name: item?.product.name,
-      currency: item?.prices?.price.currency,
-      discount: item?.prices?.discounts?.reduce(
-        (sum, discount) => sum + (discount?.amount?.value ?? 0),
-        0,
-      ),
-      price: item?.prices?.price.value,
-      quantity: item?.quantity,
-    })),
-  })

package/events/remove_from_cart/RemoveFromCartFragment.graphql

@@ -1,36 +0,0 @@
-fragment RemoveFromCartFragment on Cart @inject(into: ["CartItemCountChanged"]) {
-  __typename
-  prices {
-    grand_total {
-      currency
-      value
-    }
-  }
-  items {
-    __typename
-    uid
-    product {
-      uid
-      sku
-      name
-    }
-    prices {
-      price {
-        value
-        currency
-      }
-      discounts {
-        amount {
-          value
-        }
-      }
-    }
-    quantity
-    ... on ConfigurableCartItem {
-      configured_variant {
-        uid
-        sku
-      }
-    }
-  }
-}

package/events/remove_from_cart/index.ts

@@ -1,2 +0,0 @@
-export * from './removeFromCart'
-export * from './RemoveFromCartFragment.gql'

package/events/remove_from_cart/removeFromCart.ts

@@ -1,21 +0,0 @@
-import { event } from '../../lib/event'
-import { RemoveFromCartFragment } from './RemoveFromCartFragment.gql'
-
-export const removeFromCart = <C extends RemoveFromCartFragment>(cart: C | null | undefined) =>
-  event('remove_from_cart', {
-    ...cart,
-    currency: cart?.prices?.grand_total?.currency,
-    value: cart?.prices?.grand_total?.value,
-    items: cart?.items?.map((item) => ({
-      item_id: item?.product.sku,
-      item_name: item?.product.name,
-      currency: item?.prices?.price.currency,
-      discount: item?.prices?.discounts?.reduce(
-        (sum, discount) => sum + (discount?.amount?.value ?? 0),
-        0,
-      ),
-      item_variant: item?.__typename === 'ConfigurableCartItem' ? item.configured_variant.sku : '',
-      price: item?.prices?.price.value,
-      quantity: item?.quantity,
-    })),
-  })

package/events/select_item/index.ts

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

package/events/select_item/select_item.ts

@@ -1,8 +0,0 @@
-import { event } from '../../lib/event'
-
-export const selectItem = (itemListId: string, itemListName: string, items: unknown[]) =>
-  event('select_item', {
-    item_list_id: itemListId,
-    item_list_name: itemListName,
-    items,
-  })

package/events/view_cart/ViewCartFragment.graphql

@@ -1,35 +0,0 @@
-fragment ViewCartFragment on Cart @inject(into: ["CartItemCountChanged"]) {
-  prices {
-    grand_total {
-      currency
-      value
-    }
-  }
-  items {
-    __typename
-    uid
-    product {
-      uid
-      sku
-      name
-    }
-    prices {
-      price {
-        value
-        currency
-      }
-      discounts {
-        amount {
-          value
-        }
-      }
-    }
-    quantity
-    ... on ConfigurableCartItem {
-      configured_variant {
-        uid
-        sku
-      }
-    }
-  }
-}

package/events/view_cart/index.ts

@@ -1,2 +0,0 @@
-export * from './viewCart'
-export * from './ViewCartFragment.gql'

package/events/view_cart/viewCart.ts

@@ -1,21 +0,0 @@
-import { event } from '../../lib/event'
-import { ViewCartFragment } from './ViewCartFragment.gql'
-
-export const viewCart = <C extends ViewCartFragment>(cart: C | null | undefined) =>
-  event('view_cart', {
-    ...cart,
-    currency: cart?.prices?.grand_total?.currency,
-    value: cart?.prices?.grand_total?.value,
-    items: cart?.items?.map((item) => ({
-      item_id: item?.product.sku,
-      item_name: item?.product.name,
-      currency: item?.prices?.price.currency,
-      discount: item?.prices?.discounts?.reduce(
-        (sum, discount) => sum + (discount?.amount?.value ?? 0),
-        0,
-      ),
-      item_variant: item?.__typename === 'ConfigurableCartItem' ? item.configured_variant.sku : '',
-      price: item?.prices?.price.value,
-      quantity: item?.quantity,
-    })),
-  })

package/events/view_item/index.ts

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

package/events/view_item/view_item.ts

@@ -1,8 +0,0 @@
-import { event } from '../../lib/event'
-
-export const viewItem = (itemListId: string, itemListName: string, items: unknown[]) =>
-  event('view_item', {
-    item_list_id: itemListId,
-    item_list_name: itemListName,
-    items,
-  })

package/events/view_item_list/index.ts

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

package/events/view_item_list/view_item_list.ts

@@ -1,8 +0,0 @@
-import { event } from '../../lib/event'
-
-export const viewItemList = (itemListId: string, itemListName: string, items: unknown[]) =>
-  event('view_item_list', {
-    item_list_id: itemListId,
-    item_list_name: itemListName,
-    items,
-  })

package/lib/event.ts

@@ -1,39 +0,0 @@
-import { EventFormatSchema } from '@graphcommerce/next-config'
-
-type EventMapFunctionType = (
-  eventName: Gtag.EventNames | (string & Record<never, never>),
-  eventData: {
-    [key: string]: unknown
-  },
-) => void
-
-type EventType = keyof (typeof EventFormatSchema)['Enum']
-
-const eventMap: { [key in EventType]: EventMapFunctionType } = {
-  GA4: (eventName, eventData) => {
-    if (import.meta.graphCommerce.googleAnalyticsId) {
-      globalThis.gtag('event', eventName, eventData)
-    }
-
-    if (import.meta.graphCommerce.googleTagmanagerId) {
-      globalThis.dataLayer.push({ event: eventName, ...eventData })
-    }
-  },
-  GA3: (eventName, eventData) => {
-    if (import.meta.graphCommerce.googleAnalyticsId) {
-      console.warn(
-        "Google Analytics 3 format is not supported for Google Analytics 4. Please update your event format to 'GA4'.",
-      )
-    }
-
-    if (import.meta.graphCommerce.googleTagmanagerId) {
-      globalThis.dataLayer.push({ event: eventName, ecommerce: eventData })
-    }
-  },
-}
-
-const eventsToBeFired = import.meta.graphCommerce.analytics?.eventFormat ?? ['GA4']
-
-export const event: EventMapFunctionType = (eventName, eventData) => {
-  eventsToBeFired.map((e) => eventMap[e](eventName, eventData))
-}

package/lib/index.ts

@@ -1,2 +0,0 @@
-export * from './productToItem/productToItem'
-export * from './productToItem/ProductToItem.gql'

package/plugins/GoogleDatalayerAllPagesPageview.tsx

@@ -1,37 +0,0 @@
-import type { PagesProps } from '@graphcommerce/framer-next-pages'
-import type { PluginProps } from '@graphcommerce/next-config'
-import { useRouter } from 'next/router'
-import { useEffect } from 'react'
-import { event } from '../lib/event'
-
-export const component = 'FramerNextPages'
-export const exported = '@graphcommerce/framer-next-pages'
-
-function GoogleDatalayerAllPagesPageview(props: PluginProps<PagesProps>) {
-  const { Prev, ...rest } = props
-
-  const { events } = useRouter()
-
-  useEffect(() => {
-    const onRouteChangeComplete = (url: string) => {
-      /**
-       * Todo: the actual page_view event is currently disabled, because we run the risk of double counting page views.
-       * https://developers.google.com/analytics/devguides/collection/ga4/views?client_type=gtag#manually_send_page_view_events
-       *
-       * https://developers.google.com/analytics/devguides/collection/ga4/single-page-applications?implementation=event
-       */
-      // event('page_view', {
-      //   page_title: '<Page Title>',
-      //   page_location: '<Page Location>',
-      // })
-      // event('pageview', { page: url })
-    }
-
-    events.on('routeChangeComplete', onRouteChangeComplete)
-    return () => events.off('routeChangeComplete', onRouteChangeComplete)
-  }, [events])
-
-  return <Prev {...rest} />
-}
-
-export const Plugin = GoogleDatalayerAllPagesPageview