diff --git a/.changeset/flat-wombats-lie.md b/.changeset/flat-wombats-lie.md
new file mode 100644
index 0000000000..e1568078d7
--- /dev/null
+++ b/.changeset/flat-wombats-lie.md
@@ -0,0 +1,7 @@
+---
+"@graphcommerce/google-datalayer": patch
+"@graphcommerce/googletagmanager": patch
+"@graphcommerce/googleanalytics": patch
+---
+
+Extracted the datalayer from the googleanalytics package and moved to google-datalayer package. Make sure Google Analytics and Google Tagmanager both can send events individually. Be able to configure the datalayer will send as GA4 or legacy GA3 events.
diff --git a/docs/framework/config.md b/docs/framework/config.md
index d3568fffc1..3d114ebdce 100644
--- a/docs/framework/config.md
+++ b/docs/framework/config.md
@@ -1,4 +1,12 @@
 <!-- Automatically generated from Config.graphqls -->
+### AnalyticsConfig
+
+AnalyticsConfig will contain all configuration values for the analytics in GraphCommerce.
+
+#### eventFormat: GA3 | GA4[]
+
+eventFormat contains the list of fired and formatted events
+
 # GraphCommerce configuration system
 
 Global GraphCommerce configuration can be configured in your `graphcommerce.config.js` file
@@ -105,6 +113,8 @@ Examples:
 
 All storefront configuration for the project
 
+#### analytics: [AnalyticsConfig](#AnalyticsConfig)
+
 #### cartDisplayPricesInclTax: boolean
 
 Due to a limitation of the GraphQL API it is not possible to determine if a cart should be displayed including or excluding tax.
diff --git a/packages/google-datalayer/Config.graphqls b/packages/google-datalayer/Config.graphqls
new file mode 100644
index 0000000000..4308d07de8
--- /dev/null
+++ b/packages/google-datalayer/Config.graphqls
@@ -0,0 +1,21 @@
+extend input GraphCommerceConfig {
+  analytics: AnalyticsConfig
+}
+
+"""
+EventFormat is an enumatation of different event formats. This decides what the format of the event data will be.
+"""
+enum EventFormat {
+  GA3
+  GA4
+}
+
+"""
+AnalyticsConfig will contain all configuration values for the analytics in GraphCommerce.
+"""
+input AnalyticsConfig {
+  """
+  eventFormat contains the list of fired and formatted events
+  """
+  eventFormat: [EventFormat!]
+}
diff --git a/packages/google-datalayer/README.md b/packages/google-datalayer/README.md
new file mode 100644
index 0000000000..93cbb9cbe7
--- /dev/null
+++ b/packages/google-datalayer/README.md
@@ -0,0 +1,6 @@
+# @graphcommerce/google-datalayer
+
+This package contains utilities that can be used in different app analytics
+trackers.
+
+add_payment_info add_shipping_info
diff --git a/packages/google-datalayer/components/AnalyticsItemList.tsx b/packages/google-datalayer/components/AnalyticsItemList.tsx
new file mode 100644
index 0000000000..5033d91963
--- /dev/null
+++ b/packages/google-datalayer/components/AnalyticsItemList.tsx
@@ -0,0 +1,63 @@
+import { nonNullable, useMemoObject } from '@graphcommerce/next-ui'
+import { useEventCallback } from '@mui/material'
+import React, { useContext, useEffect, useMemo } from 'react'
+import { Item, ProductToItemFragment, productToItem } from '../lib'
+import { event } from '../lib/event'
+
+export type UseViewItemListProps<P extends ProductToItemFragment = ProductToItemFragment> = {
+  title: string
+  items?: (P | null | undefined)[] | null
+  listId?: string
+}
+
+export type ViewItemList = {
+  item_list_id: string
+  item_list_name: string
+  items: Item[]
+}
+
+const GoogleTagManagerItemListContext = React.createContext<{
+  item_list_id: string
+  item_list_name: string
+}>({ item_list_id: '', item_list_name: '' })
+
+export function useListItemHandler(item: ProductToItemFragment) {
+  const { item_list_id, item_list_name } = useContext(GoogleTagManagerItemListContext)
+  return useEventCallback(() =>
+    event('select_item', {
+      item_list_id,
+      item_list_name,
+      items: productToItem(item),
+    }),
+  )
+}
+
+export function ItemList<P extends ProductToItemFragment = ProductToItemFragment>(
+  props: UseViewItemListProps<P> & { children: React.ReactNode },
+) {
+  const { title, items, listId, children } = props
+
+  const eventData: ViewItemList = useMemoObject({
+    item_list_id: listId ?? title?.toLowerCase().replace(/\s/g, '_'),
+    item_list_name: title,
+    items: items?.map((item) => (item ? productToItem(item) : null)).filter(nonNullable) ?? [],
+  })
+
+  useEffect(() => {
+    event('view_item_list', eventData)
+  }, [eventData])
+
+  const value = useMemo(
+    () => ({
+      item_list_id: listId ?? title?.toLowerCase().replace(/\s/g, '_'),
+      item_list_name: title ?? listId,
+    }),
+    [listId, title],
+  )
+
+  return (
+    <GoogleTagManagerItemListContext.Provider value={value}>
+      {children}
+    </GoogleTagManagerItemListContext.Provider>
+  )
+}
diff --git a/packages/googleanalytics/events/gtagAddPaymentInfo/GtagAddPaymentInfo.graphql b/packages/google-datalayer/events/add_payment_info/AddPaymentInfoFragment.graphql
similarity index 91%
rename from packages/googleanalytics/events/gtagAddPaymentInfo/GtagAddPaymentInfo.graphql
rename to packages/google-datalayer/events/add_payment_info/AddPaymentInfoFragment.graphql
index 7e8ef3e5d9..24266ff9d7 100644
--- a/packages/googleanalytics/events/gtagAddPaymentInfo/GtagAddPaymentInfo.graphql
+++ b/packages/google-datalayer/events/add_payment_info/AddPaymentInfoFragment.graphql
@@ -1,4 +1,4 @@
-fragment GtagAddPaymentInfo on Cart
+fragment AddPaymentInfoFragment on Cart
 @inject(into: ["PaymentMethodContext", "PaymentMethodUpdated"]) {
   items {
     uid
diff --git a/packages/googleanalytics/events/gtagAddPaymentInfo/gtagAddPaymentInfo.ts b/packages/google-datalayer/events/add_payment_info/addPaymentInfo.ts
similarity index 74%
rename from packages/googleanalytics/events/gtagAddPaymentInfo/gtagAddPaymentInfo.ts
rename to packages/google-datalayer/events/add_payment_info/addPaymentInfo.ts
index 454e237bf0..46b29c9a6a 100644
--- a/packages/googleanalytics/events/gtagAddPaymentInfo/gtagAddPaymentInfo.ts
+++ b/packages/google-datalayer/events/add_payment_info/addPaymentInfo.ts
@@ -1,7 +1,9 @@
-import { GtagAddPaymentInfoFragment } from './GtagAddPaymentInfo.gql'
+import { event } from '../../lib/event'
+import { AddPaymentInfoFragment } from './AddPaymentInfoFragment.gql'
 
-export function gtagAddPaymentInfo<C extends GtagAddPaymentInfoFragment>(cart?: C | null) {
-  globalThis.gtag?.('event', 'add_payment_info', {
+export const addPaymentInfo = <C extends AddPaymentInfoFragment>(cart?: C | null) =>
+  event('add_payment_info', {
+    ...cart,
     currency: cart?.prices?.grand_total?.currency,
     value: cart?.prices?.grand_total?.value,
     coupon: cart?.applied_coupons?.map((coupon) => coupon?.code),
@@ -19,4 +21,3 @@ export function gtagAddPaymentInfo<C extends GtagAddPaymentInfoFragment>(cart?:
       quantity: item?.quantity,
     })),
   })
-}
diff --git a/packages/google-datalayer/events/add_payment_info/index.ts b/packages/google-datalayer/events/add_payment_info/index.ts
new file mode 100644
index 0000000000..22b1e9c648
--- /dev/null
+++ b/packages/google-datalayer/events/add_payment_info/index.ts
@@ -0,0 +1,2 @@
+export * from './addPaymentInfo'
+export * from './AddPaymentInfoFragment.gql'
diff --git a/packages/googleanalytics/events/gtagAddShippingInfo/GtagAddShippingInfo.graphql b/packages/google-datalayer/events/add_shipping_info/AddSchippingInfoFragment.graphql
similarity index 83%
rename from packages/googleanalytics/events/gtagAddShippingInfo/GtagAddShippingInfo.graphql
rename to packages/google-datalayer/events/add_shipping_info/AddSchippingInfoFragment.graphql
index f6dfea2b25..497c600e9c 100644
--- a/packages/googleanalytics/events/gtagAddShippingInfo/GtagAddShippingInfo.graphql
+++ b/packages/google-datalayer/events/add_shipping_info/AddSchippingInfoFragment.graphql
@@ -1,4 +1,4 @@
-fragment GtagAddShippingInfo on Cart @inject(into: ["ShippingMethodSelected"]) {
+fragment AddShippingInfoFragment on Cart @inject(into: ["ShippingMethodSelected"]) {
   prices {
     grand_total {
       currency
diff --git a/packages/googleanalytics/events/gtagAddShippingInfo/gtagAddShippingInfo.ts b/packages/google-datalayer/events/add_shipping_info/addShippingInfo.ts
similarity index 61%
rename from packages/googleanalytics/events/gtagAddShippingInfo/gtagAddShippingInfo.ts
rename to packages/google-datalayer/events/add_shipping_info/addShippingInfo.ts
index 76bdf1a950..12548aeeca 100644
--- a/packages/googleanalytics/events/gtagAddShippingInfo/gtagAddShippingInfo.ts
+++ b/packages/google-datalayer/events/add_shipping_info/addShippingInfo.ts
@@ -1,9 +1,9 @@
-import { GtagAddShippingInfoFragment } from './GtagAddShippingInfo.gql'
+import { event } from '../../lib/event'
+import { AddShippingInfoFragment } from './AddSchippingInfoFragment.gql'
 
-export function gtagAddShippingInfo<C extends GtagAddShippingInfoFragment>(cart?: C | null) {
-  if (!cart) return
-
-  globalThis.gtag?.('event', 'add_shipping_info', {
+export const addShippingInfo = <C extends AddShippingInfoFragment>(cart?: C) =>
+  event('add_shipping_info', {
+    ...cart,
     currency: cart?.prices?.grand_total?.currency,
     value: cart?.prices?.grand_total?.value,
     coupon: cart?.applied_coupons?.map((coupon) => coupon?.code),
@@ -15,9 +15,8 @@ export function gtagAddShippingInfo<C extends GtagAddShippingInfoFragment>(cart?
         (sum, discount) => sum + (discount?.amount?.value ?? 0),
         0,
       ),
-      item_variant: item?.__typename === 'ConfigurableCartItem' ? item.configured_variant.sku : '',
+      item_variant: item && 'configured_variant' in item ? item.configured_variant.sku : '',
       price: item?.prices?.price.value,
       quantity: item?.quantity,
     })),
   })
-}
diff --git a/packages/google-datalayer/events/add_shipping_info/index.ts b/packages/google-datalayer/events/add_shipping_info/index.ts
new file mode 100644
index 0000000000..e6a2cf1ae3
--- /dev/null
+++ b/packages/google-datalayer/events/add_shipping_info/index.ts
@@ -0,0 +1,2 @@
+export * from './addShippingInfo'
+export * from './AddSchippingInfoFragment.gql'
diff --git a/packages/googleanalytics/events/gtagAddToCart/GtagAddToCart.graphql b/packages/google-datalayer/events/add_to_cart/AddToCartFragment.graphql
similarity index 57%
rename from packages/googleanalytics/events/gtagAddToCart/GtagAddToCart.graphql
rename to packages/google-datalayer/events/add_to_cart/AddToCartFragment.graphql
index 18ae30a040..abe8330c49 100644
--- a/packages/googleanalytics/events/gtagAddToCart/GtagAddToCart.graphql
+++ b/packages/google-datalayer/events/add_to_cart/AddToCartFragment.graphql
@@ -1,5 +1,10 @@
-fragment GtagAddToCart on Cart @inject(into: ["CartItemCountChanged"]) {
+fragment AddToCartFragment on Cart @inject(into: ["CartItemCountChanged"]) {
   items {
+    quantity
+    product {
+      sku
+      name
+    }
     prices {
       discounts {
         amount {
@@ -17,4 +22,9 @@ fragment GtagAddToCart on Cart @inject(into: ["CartItemCountChanged"]) {
       }
     }
   }
+  prices {
+    grand_total {
+      currency
+    }
+  }
 }
diff --git a/packages/google-datalayer/events/add_to_cart/addToCart.ts b/packages/google-datalayer/events/add_to_cart/addToCart.ts
new file mode 100644
index 0000000000..b643354146
--- /dev/null
+++ b/packages/google-datalayer/events/add_to_cart/addToCart.ts
@@ -0,0 +1,58 @@
+import type { FetchResult } from '@graphcommerce/graphql'
+import {
+  AddProductsToCartFields,
+  AddProductsToCartMutation,
+  findAddedItems,
+  toUserErrors,
+} from '@graphcommerce/magento-product'
+import { nonNullable } from '@graphcommerce/next-ui'
+import { event } from '../../lib/event'
+
+export const addToCart = (
+  result: FetchResult<AddProductsToCartMutation>,
+  variables: AddProductsToCartFields,
+) => {
+  const { data, errors } = result
+  const cart = data?.addProductsToCart?.cart
+
+  const addedItems = findAddedItems(data, variables)
+
+  const items = addedItems
+    .map(({ itemVariable, itemInCart }) => {
+      if (!itemInCart) return null
+      const { product, prices } = itemInCart
+      return {
+        item_id: product.sku,
+        item_name: product.name,
+        currency: prices?.price.currency,
+        price: (prices?.row_total_including_tax.value ?? 1) / itemInCart.quantity,
+        quantity: itemVariable.quantity,
+        discount: prices?.discounts?.reduce(
+          (sum, discount) => sum + (discount?.amount?.value ?? 0) / itemVariable.quantity,
+          0,
+        ),
+      }
+    })
+    .filter(nonNullable)
+
+  const userErrors = toUserErrors(result.data)
+  if ((errors && errors.length > 0) || userErrors.length > 0) {
+    event('add_to_cart_error', {
+      userErrors: userErrors?.map((e) => e.message),
+      errors: errors?.map((e) => e.message),
+      variables,
+    })
+  }
+
+  if (!items.length) return
+
+  event('add_to_cart', {
+    currency: cart?.prices?.grand_total?.currency,
+    value: addedItems.reduce(
+      (sum, { itemVariable, itemInCart }) =>
+        sum + (itemInCart?.prices?.row_total_including_tax.value ?? 1) / itemVariable.quantity,
+      0,
+    ),
+    items,
+  })
+}
diff --git a/packages/google-datalayer/events/add_to_cart/index.ts b/packages/google-datalayer/events/add_to_cart/index.ts
new file mode 100644
index 0000000000..6fdd3cecf8
--- /dev/null
+++ b/packages/google-datalayer/events/add_to_cart/index.ts
@@ -0,0 +1,2 @@
+export * from './addToCart'
+export * from './AddToCartFragment.gql'
diff --git a/packages/googleanalytics/events/gtagBeginCheckout/GtagBeginCheckout.graphql b/packages/google-datalayer/events/begin_checkout/BeginCheckoutFragment.graphql
similarity index 85%
rename from packages/googleanalytics/events/gtagBeginCheckout/GtagBeginCheckout.graphql
rename to packages/google-datalayer/events/begin_checkout/BeginCheckoutFragment.graphql
index 1bdde9ff8e..dd7e65c2ec 100644
--- a/packages/googleanalytics/events/gtagBeginCheckout/GtagBeginCheckout.graphql
+++ b/packages/google-datalayer/events/begin_checkout/BeginCheckoutFragment.graphql
@@ -1,4 +1,4 @@
-fragment GtagBeginCheckout on Cart @inject(into: ["CartStartCheckout"]) {
+fragment BeginCheckoutFragment on Cart @inject(into: ["CartStartCheckout"]) {
   prices {
     grand_total {
       currency
diff --git a/packages/googleanalytics/events/gtagBeginCheckout/gtagBeginCheckout.ts b/packages/google-datalayer/events/begin_checkout/beginCheckout.ts
similarity index 73%
rename from packages/googleanalytics/events/gtagBeginCheckout/gtagBeginCheckout.ts
rename to packages/google-datalayer/events/begin_checkout/beginCheckout.ts
index 3343462536..208a881872 100644
--- a/packages/googleanalytics/events/gtagBeginCheckout/gtagBeginCheckout.ts
+++ b/packages/google-datalayer/events/begin_checkout/beginCheckout.ts
@@ -1,7 +1,9 @@
-import { GtagBeginCheckoutFragment } from './GtagBeginCheckout.gql'
+import { event } from '../../lib/event'
+import { BeginCheckoutFragment } from './BeginCheckoutFragment.gql'
 
-export function gtagBeginCheckout<C extends GtagBeginCheckoutFragment>(cart?: C | null) {
-  globalThis.gtag?.('event', 'begin_checkout', {
+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),
@@ -18,4 +20,3 @@ export function gtagBeginCheckout<C extends GtagBeginCheckoutFragment>(cart?: C
       quantity: item?.quantity,
     })),
   })
-}
diff --git a/packages/google-datalayer/events/begin_checkout/index.ts b/packages/google-datalayer/events/begin_checkout/index.ts
new file mode 100644
index 0000000000..7e8893210c
--- /dev/null
+++ b/packages/google-datalayer/events/begin_checkout/index.ts
@@ -0,0 +1,2 @@
+export * from './beginCheckout'
+export * from './BeginCheckoutFragment.gql'
diff --git a/packages/google-datalayer/events/purchase/index.ts b/packages/google-datalayer/events/purchase/index.ts
new file mode 100644
index 0000000000..c75468140d
--- /dev/null
+++ b/packages/google-datalayer/events/purchase/index.ts
@@ -0,0 +1 @@
+export * from './purchase'
diff --git a/packages/googleanalytics/events/gtagAddPurchaseInfo/gtagAddPurchaseInfo.ts b/packages/google-datalayer/events/purchase/purchase.ts
similarity index 79%
rename from packages/googleanalytics/events/gtagAddPurchaseInfo/gtagAddPurchaseInfo.ts
rename to packages/google-datalayer/events/purchase/purchase.ts
index 5a5b117cfc..381e3ddfa4 100644
--- a/packages/googleanalytics/events/gtagAddPurchaseInfo/gtagAddPurchaseInfo.ts
+++ b/packages/google-datalayer/events/purchase/purchase.ts
@@ -1,14 +1,16 @@
 import { PaymentMethodContextFragment } from '@graphcommerce/magento-cart-payment-method/Api/PaymentMethodContext.gql'
+import { event } from '../../lib/event'
 
-export function gtagAddPurchaseInfo(
+export const purchase = <C extends PaymentMethodContextFragment>(
   orderNumber: string,
-  cart: PaymentMethodContextFragment | null | undefined,
-) {
-  globalThis.gtag?.('event', 'purchase', {
+  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),
+    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) => ({
@@ -16,7 +18,6 @@ export function gtagAddPurchaseInfo(
       item_name: item?.product.name,
       currency: item?.prices?.price.currency,
       discount: item?.prices?.discounts?.reduce(
-        // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
         (sum, discount) => sum + (discount?.amount?.value ?? 0),
         0,
       ),
@@ -24,4 +25,3 @@ export function gtagAddPurchaseInfo(
       quantity: item?.quantity,
     })),
   })
-}
diff --git a/packages/googleanalytics/events/gtagRemoveFromCart/GtagRemoveFromCart.graphql b/packages/google-datalayer/events/remove_from_cart/RemoveFromCartFragment.graphql
similarity index 83%
rename from packages/googleanalytics/events/gtagRemoveFromCart/GtagRemoveFromCart.graphql
rename to packages/google-datalayer/events/remove_from_cart/RemoveFromCartFragment.graphql
index f7989d9e80..021eb624bd 100644
--- a/packages/googleanalytics/events/gtagRemoveFromCart/GtagRemoveFromCart.graphql
+++ b/packages/google-datalayer/events/remove_from_cart/RemoveFromCartFragment.graphql
@@ -1,4 +1,4 @@
-fragment GtagRemoveFromCart on Cart @inject(into: ["CartItemCountChanged"]) {
+fragment RemoveFromCartFragment on Cart @inject(into: ["CartItemCountChanged"]) {
   __typename
   prices {
     grand_total {
diff --git a/packages/google-datalayer/events/remove_from_cart/index.ts b/packages/google-datalayer/events/remove_from_cart/index.ts
new file mode 100644
index 0000000000..7931331aa9
--- /dev/null
+++ b/packages/google-datalayer/events/remove_from_cart/index.ts
@@ -0,0 +1,2 @@
+export * from './removeFromCart'
+export * from './RemoveFromCartFragment.gql'
diff --git a/packages/googleanalytics/events/gtagRemoveFromCart/gtagRemoveFromCart.ts b/packages/google-datalayer/events/remove_from_cart/removeFromCart.ts
similarity index 70%
rename from packages/googleanalytics/events/gtagRemoveFromCart/gtagRemoveFromCart.ts
rename to packages/google-datalayer/events/remove_from_cart/removeFromCart.ts
index abfef53046..7506f56272 100644
--- a/packages/googleanalytics/events/gtagRemoveFromCart/gtagRemoveFromCart.ts
+++ b/packages/google-datalayer/events/remove_from_cart/removeFromCart.ts
@@ -1,9 +1,9 @@
-import { GtagRemoveFromCartFragment } from './GtagRemoveFromCart.gql'
+import { event } from '../../lib/event'
+import { RemoveFromCartFragment } from './RemoveFromCartFragment.gql'
 
-export function gtagRemoveFromCart<C extends GtagRemoveFromCartFragment>(cart?: C | null) {
-  if (!cart) return
-
-  globalThis.gtag?.('event', 'remove_from_cart', {
+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) => ({
@@ -19,4 +19,3 @@ export function gtagRemoveFromCart<C extends GtagRemoveFromCartFragment>(cart?:
       quantity: item?.quantity,
     })),
   })
-}
diff --git a/packages/google-datalayer/events/select_item/index.ts b/packages/google-datalayer/events/select_item/index.ts
new file mode 100644
index 0000000000..a4f7241a94
--- /dev/null
+++ b/packages/google-datalayer/events/select_item/index.ts
@@ -0,0 +1 @@
+export * from './select_item'
diff --git a/packages/google-datalayer/events/select_item/select_item.ts b/packages/google-datalayer/events/select_item/select_item.ts
new file mode 100644
index 0000000000..73c3136e28
--- /dev/null
+++ b/packages/google-datalayer/events/select_item/select_item.ts
@@ -0,0 +1,8 @@
+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,
+  })
diff --git a/packages/googleanalytics/events/gtagViewCart/GtagViewCart.graphql b/packages/google-datalayer/events/view_cart/ViewCartFragment.graphql
similarity index 84%
rename from packages/googleanalytics/events/gtagViewCart/GtagViewCart.graphql
rename to packages/google-datalayer/events/view_cart/ViewCartFragment.graphql
index 522f932ce9..442a711b3b 100644
--- a/packages/googleanalytics/events/gtagViewCart/GtagViewCart.graphql
+++ b/packages/google-datalayer/events/view_cart/ViewCartFragment.graphql
@@ -1,4 +1,4 @@
-fragment GtagViewCart on Cart @inject(into: ["CartItemCountChanged"]) {
+fragment ViewCartFragment on Cart @inject(into: ["CartItemCountChanged"]) {
   prices {
     grand_total {
       currency
diff --git a/packages/google-datalayer/events/view_cart/index.ts b/packages/google-datalayer/events/view_cart/index.ts
new file mode 100644
index 0000000000..1731a6bf56
--- /dev/null
+++ b/packages/google-datalayer/events/view_cart/index.ts
@@ -0,0 +1,2 @@
+export * from './viewCart'
+export * from './ViewCartFragment.gql'
diff --git a/packages/googleanalytics/events/gtagViewCart/gtagViewCart.ts b/packages/google-datalayer/events/view_cart/viewCart.ts
similarity index 72%
rename from packages/googleanalytics/events/gtagViewCart/gtagViewCart.ts
rename to packages/google-datalayer/events/view_cart/viewCart.ts
index e42c24a5a0..8989a9d768 100644
--- a/packages/googleanalytics/events/gtagViewCart/gtagViewCart.ts
+++ b/packages/google-datalayer/events/view_cart/viewCart.ts
@@ -1,9 +1,9 @@
-import { GtagViewCartFragment } from './GtagViewCart.gql'
+import { event } from '../../lib/event'
+import { ViewCartFragment } from './ViewCartFragment.gql'
 
-export function gtagViewCart<C extends GtagViewCartFragment>(cart?: C | null) {
-  if (!cart) return
-
-  globalThis.gtag?.('event', 'view_cart', {
+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) => ({
@@ -19,4 +19,3 @@ export function gtagViewCart<C extends GtagViewCartFragment>(cart?: C | null) {
       quantity: item?.quantity,
     })),
   })
-}
diff --git a/packages/google-datalayer/events/view_item/index.ts b/packages/google-datalayer/events/view_item/index.ts
new file mode 100644
index 0000000000..e834da439b
--- /dev/null
+++ b/packages/google-datalayer/events/view_item/index.ts
@@ -0,0 +1 @@
+export * from './view_item'
diff --git a/packages/google-datalayer/events/view_item/view_item.ts b/packages/google-datalayer/events/view_item/view_item.ts
new file mode 100644
index 0000000000..0dbae337fe
--- /dev/null
+++ b/packages/google-datalayer/events/view_item/view_item.ts
@@ -0,0 +1,8 @@
+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,
+  })
diff --git a/packages/google-datalayer/events/view_item_list/index.ts b/packages/google-datalayer/events/view_item_list/index.ts
new file mode 100644
index 0000000000..3efae2b72e
--- /dev/null
+++ b/packages/google-datalayer/events/view_item_list/index.ts
@@ -0,0 +1 @@
+export * from './view_item_list'
diff --git a/packages/google-datalayer/events/view_item_list/view_item_list.ts b/packages/google-datalayer/events/view_item_list/view_item_list.ts
new file mode 100644
index 0000000000..c1ced45b8b
--- /dev/null
+++ b/packages/google-datalayer/events/view_item_list/view_item_list.ts
@@ -0,0 +1,8 @@
+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,
+  })
diff --git a/packages/google-datalayer/lib/event.ts b/packages/google-datalayer/lib/event.ts
new file mode 100644
index 0000000000..34f9ea002b
--- /dev/null
+++ b/packages/google-datalayer/lib/event.ts
@@ -0,0 +1,39 @@
+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))
+}
diff --git a/packages/google-datalayer/lib/index.ts b/packages/google-datalayer/lib/index.ts
new file mode 100644
index 0000000000..2b49b3e886
--- /dev/null
+++ b/packages/google-datalayer/lib/index.ts
@@ -0,0 +1,2 @@
+export * from './productToItem/productToItem'
+export * from './productToItem/ProductToItem.gql'
diff --git a/packages/googleanalytics/events/productToGtagItem/ProductToGtagItem.graphql b/packages/google-datalayer/lib/productToItem/ProductToItem.graphql
similarity index 81%
rename from packages/googleanalytics/events/productToGtagItem/ProductToGtagItem.graphql
rename to packages/google-datalayer/lib/productToItem/ProductToItem.graphql
index 73c663a477..5c6af3fbcd 100644
--- a/packages/googleanalytics/events/productToGtagItem/ProductToGtagItem.graphql
+++ b/packages/google-datalayer/lib/productToItem/ProductToItem.graphql
@@ -1,4 +1,4 @@
-fragment ProductToGtagItem on ProductInterface {
+fragment ProductToItem on ProductInterface {
   name
   sku
   price_range {
diff --git a/packages/googleanalytics/events/productToGtagItem/productToGtagItem.ts b/packages/google-datalayer/lib/productToItem/productToItem.ts
similarity index 84%
rename from packages/googleanalytics/events/productToGtagItem/productToGtagItem.ts
rename to packages/google-datalayer/lib/productToItem/productToItem.ts
index 866a877138..ae84752139 100644
--- a/packages/googleanalytics/events/productToGtagItem/productToGtagItem.ts
+++ b/packages/google-datalayer/lib/productToItem/productToItem.ts
@@ -1,6 +1,6 @@
-import { ProductToGtagItemFragment } from './ProductToGtagItem.gql'
+import { ProductToItemFragment } from './ProductToItem.gql'
 
-export type GtagItem = {
+export type Item = {
   item_id: string
   item_name: string
   affiliation?: string
@@ -22,7 +22,7 @@ export type GtagItem = {
   quantity?: number
 }
 
-export function productToGtagItem<P extends ProductToGtagItemFragment>(item: P): GtagItem {
+export function productToItem<P extends ProductToItemFragment>(item: P): Item {
   return {
     item_id: item.sku ?? '',
     item_name: item.name ?? '',
diff --git a/packages/google-datalayer/package.json b/packages/google-datalayer/package.json
new file mode 100644
index 0000000000..01563c6ea3
--- /dev/null
+++ b/packages/google-datalayer/package.json
@@ -0,0 +1,44 @@
+{
+  "name": "@graphcommerce/google-datalayer",
+  "homepage": "https://www.graphcommerce.org/",
+  "repository": "github:graphcommerce-org/graphcommerce",
+  "version": "8.0.4-canary.0",
+  "sideEffects": false,
+  "prettier": "@graphcommerce/prettier-config-pwa",
+  "eslintConfig": {
+    "extends": "@graphcommerce/eslint-config-pwa",
+    "parserOptions": {
+      "project": "./tsconfig.json"
+    }
+  },
+  "peerDependencies": {
+    "@graphcommerce/eslint-config-pwa": "^8.0.0-canary.74",
+    "@graphcommerce/graphql-mesh": "^8.0.0-canary.74",
+    "@graphcommerce/magento-cart": "^8.0.0-canary.74",
+    "@graphcommerce/magento-cart-payment-method": "^8.0.0-canary.74",
+    "@graphcommerce/magento-cart-shipping-method": "^8.0.0-canary.74",
+    "@graphcommerce/magento-product": "^8.0.0-canary.74",
+    "@graphcommerce/next-config": "^8.0.0-canary.74",
+    "@graphcommerce/next-ui": "^8.0.0-canary.74",
+    "@graphcommerce/prettier-config-pwa": "^8.0.0-canary.74",
+    "@graphcommerce/typescript-config-pwa": "^8.0.0-canary.74",
+    "@mui/material": "^5.14.20",
+    "next": "^14",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "peerDependenciesMeta": {
+    "@graphcommerce/magento-cart": {
+      "optional": true
+    },
+    "@graphcommerce/magento-cart-payment-method": {
+      "optional": true
+    },
+    "@graphcommerce/magento-cart-shipping-method": {
+      "optional": true
+    },
+    "@graphcommerce/magento-product": {
+      "optional": true
+    }
+  }
+}
diff --git a/packages/google-datalayer/plugins/GoogleDatalayerAddProductsToCartForm.tsx b/packages/google-datalayer/plugins/GoogleDatalayerAddProductsToCartForm.tsx
new file mode 100644
index 0000000000..3cc3079bb2
--- /dev/null
+++ b/packages/google-datalayer/plugins/GoogleDatalayerAddProductsToCartForm.tsx
@@ -0,0 +1,23 @@
+import { AddProductsToCartFormProps } from '@graphcommerce/magento-product'
+import { PluginProps } from '@graphcommerce/next-config'
+import { addToCart } from '../events/add_to_cart'
+
+export const component = 'AddProductsToCartForm'
+export const exported = '@graphcommerce/magento-product'
+
+/** When a product is added to the Cart, send a Google Analytics event */
+function GoogleDatalayerAddProductsToCartForm(props: PluginProps<AddProductsToCartFormProps>) {
+  const { Prev, onComplete, ...rest } = props
+
+  return (
+    <Prev
+      {...rest}
+      onComplete={(result, variables) => {
+        addToCart(result, variables)
+        return onComplete?.(result, variables)
+      }}
+    />
+  )
+}
+
+export const Plugin = GoogleDatalayerAddProductsToCartForm
diff --git a/packages/google-datalayer/plugins/GoogleDatalayerAllPagesPageview.tsx b/packages/google-datalayer/plugins/GoogleDatalayerAllPagesPageview.tsx
new file mode 100644
index 0000000000..0b9b5bc278
--- /dev/null
+++ b/packages/google-datalayer/plugins/GoogleDatalayerAllPagesPageview.tsx
@@ -0,0 +1,37 @@
+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
diff --git a/packages/google-datalayer/plugins/GoogleDatalayerCartStartCheckout.tsx b/packages/google-datalayer/plugins/GoogleDatalayerCartStartCheckout.tsx
new file mode 100644
index 0000000000..372df8c8cc
--- /dev/null
+++ b/packages/google-datalayer/plugins/GoogleDatalayerCartStartCheckout.tsx
@@ -0,0 +1,21 @@
+import { CartStartCheckoutProps } from '@graphcommerce/magento-cart'
+import { PluginProps } from '@graphcommerce/next-config'
+import { beginCheckout } from '../events/begin_checkout'
+
+export const component = 'CartStartCheckout'
+export const exported = '@graphcommerce/magento-cart'
+
+export function GoogleDatalayerCartStartCheckout(props: PluginProps<CartStartCheckoutProps>) {
+  const { Prev, onStart, ...rest } = props
+  return (
+    <Prev
+      {...rest}
+      onStart={(e, cart) => {
+        beginCheckout(cart)
+        return onStart?.(e, cart)
+      }}
+    />
+  )
+}
+
+export const Plugin = GoogleDatalayerCartStartCheckout
diff --git a/packages/googleanalytics/plugins/GaCartStartCheckoutLinkOrButton.tsx b/packages/google-datalayer/plugins/GoogleDatalayerCartStartCheckoutLinkOrButton.tsx
similarity index 60%
rename from packages/googleanalytics/plugins/GaCartStartCheckoutLinkOrButton.tsx
rename to packages/google-datalayer/plugins/GoogleDatalayerCartStartCheckoutLinkOrButton.tsx
index 7acbe64d8a..5e19648ff2 100644
--- a/packages/googleanalytics/plugins/GaCartStartCheckoutLinkOrButton.tsx
+++ b/packages/google-datalayer/plugins/GoogleDatalayerCartStartCheckoutLinkOrButton.tsx
@@ -1,15 +1,14 @@
 import { CartStartCheckoutLinkOrButtonProps } from '@graphcommerce/magento-cart'
-import { IfConfig, PluginProps } from '@graphcommerce/next-config'
+import { PluginProps } from '@graphcommerce/next-config'
 import { useMemoObject } from '@graphcommerce/next-ui'
 import { useEffect } from 'react'
-import { gtagBeginCheckout } from '../events/gtagBeginCheckout/gtagBeginCheckout'
-import { gtagViewCart } from '../events/gtagViewCart/gtagViewCart'
+import { beginCheckout } from '../events/begin_checkout'
+import { viewCart } from '../events/view_cart'
 
 export const component = 'CartStartCheckoutLinkOrButton'
 export const exported = '@graphcommerce/magento-cart'
-export const ifConfig: IfConfig = 'googleAnalyticsId'
 
-export function GaCartStartCheckoutLinkOrButton(
+export function GoogleDatalayerCartStartCheckoutLinkOrButton(
   props: PluginProps<CartStartCheckoutLinkOrButtonProps>,
 ) {
   const { Prev, onStart, ...rest } = props
@@ -18,7 +17,7 @@ export function GaCartStartCheckoutLinkOrButton(
 
   useEffect(() => {
     if (cartObject.items) {
-      gtagViewCart(cartObject)
+      viewCart(cartObject)
     }
   }, [cartObject])
 
@@ -26,11 +25,11 @@ export function GaCartStartCheckoutLinkOrButton(
     <Prev
       {...rest}
       onStart={(e, cart) => {
-        gtagBeginCheckout(cart)
+        beginCheckout(cart)
         return onStart?.(e, cart)
       }}
     />
   )
 }
 
-export const Plugin = GaCartStartCheckoutLinkOrButton
+export const Plugin = GoogleDatalayerCartStartCheckoutLinkOrButton
diff --git a/packages/googleanalytics/plugins/GaPaymentMethodButton.tsx b/packages/google-datalayer/plugins/GoogleDatalayerPaymentMethodButton.tsx
similarity index 66%
rename from packages/googleanalytics/plugins/GaPaymentMethodButton.tsx
rename to packages/google-datalayer/plugins/GoogleDatalayerPaymentMethodButton.tsx
index 9388e6a134..a8be0a075e 100644
--- a/packages/googleanalytics/plugins/GaPaymentMethodButton.tsx
+++ b/packages/google-datalayer/plugins/GoogleDatalayerPaymentMethodButton.tsx
@@ -1,15 +1,14 @@
 import { useCartQuery } from '@graphcommerce/magento-cart'
 import { PaymentMethodButtonProps } from '@graphcommerce/magento-cart-payment-method'
 import { GetPaymentMethodContextDocument } from '@graphcommerce/magento-cart-payment-method/PaymentMethodContext/GetPaymentMethodContext.gql'
-import { IfConfig, PluginProps } from '@graphcommerce/next-config'
-import { gtagAddPaymentInfo } from '../events/gtagAddPaymentInfo/gtagAddPaymentInfo'
+import { PluginProps } from '@graphcommerce/next-config'
+import { addPaymentInfo } from '../events/add_payment_info'
 
 export const component = 'PaymentMethodButton'
 export const exported = '@graphcommerce/magento-cart-payment-method'
-export const ifConfig: IfConfig = 'googleAnalyticsId'
 
 // @todo This plugin can probably be migrated to the actual form that is submitted.
-function GaPaymentMethodButton(props: PluginProps<PaymentMethodButtonProps>) {
+function GoogleDatalayerPaymentMethodButton(props: PluginProps<PaymentMethodButtonProps>) {
   const { Prev, onSubmitSuccessful, ...rest } = props
   const methodContext = useCartQuery(GetPaymentMethodContextDocument)
 
@@ -17,11 +16,11 @@ function GaPaymentMethodButton(props: PluginProps<PaymentMethodButtonProps>) {
     <Prev
       {...rest}
       onSubmitSuccessful={() => {
-        gtagAddPaymentInfo(methodContext.data?.cart)
+        addPaymentInfo(methodContext.data?.cart)
         return onSubmitSuccessful?.()
       }}
     />
   )
 }
 
-export const Plugin = GaPaymentMethodButton
+export const Plugin = GoogleDatalayerPaymentMethodButton
diff --git a/packages/googleanalytics/plugins/GaPaymentMethodContextProvider.tsx b/packages/google-datalayer/plugins/GoogleDatalayerPaymentMethodContextProvider.tsx
similarity index 50%
rename from packages/googleanalytics/plugins/GaPaymentMethodContextProvider.tsx
rename to packages/google-datalayer/plugins/GoogleDatalayerPaymentMethodContextProvider.tsx
index 5c95de61d3..89b3500f96 100644
--- a/packages/googleanalytics/plugins/GaPaymentMethodContextProvider.tsx
+++ b/packages/google-datalayer/plugins/GoogleDatalayerPaymentMethodContextProvider.tsx
@@ -1,21 +1,22 @@
 import type { PaymentMethodContextProviderProps } from '@graphcommerce/magento-cart-payment-method'
-import type { IfConfig, PluginProps } from '@graphcommerce/next-config'
-import { gtagAddPurchaseInfo } from '../events/gtagAddPurchaseInfo/gtagAddPurchaseInfo'
+import type { PluginProps } from '@graphcommerce/next-config'
+import { purchase } from '../events/purchase'
 
 export const component = 'PaymentMethodContextProvider'
 export const exported = '@graphcommerce/magento-cart-payment-method'
-export const ifConfig: IfConfig = 'googleAnalyticsId'
 
-function GaPaymentMethodContextProvider(props: PluginProps<PaymentMethodContextProviderProps>) {
+function GoogleDatalayerPaymentMethodContextProvider(
+  props: PluginProps<PaymentMethodContextProviderProps>,
+) {
   const { Prev, onSuccess, ...rest } = props
   return (
     <Prev
       {...rest}
       onSuccess={(orderNumber, cart) => {
-        gtagAddPurchaseInfo(orderNumber, cart)
+        purchase(orderNumber, cart)
         return onSuccess?.(orderNumber, cart)
       }}
     />
   )
 }
-export const Plugin = GaPaymentMethodContextProvider
+export const Plugin = GoogleDatalayerPaymentMethodContextProvider
diff --git a/packages/google-datalayer/plugins/GoogleDatalayerProductListItem.tsx b/packages/google-datalayer/plugins/GoogleDatalayerProductListItem.tsx
new file mode 100644
index 0000000000..cb0fbef648
--- /dev/null
+++ b/packages/google-datalayer/plugins/GoogleDatalayerProductListItem.tsx
@@ -0,0 +1,28 @@
+import { ProductListItemReal } from '@graphcommerce/magento-product'
+import { PluginProps } from '@graphcommerce/next-config'
+import { useEventCallback } from '@mui/material'
+import { ComponentProps } from 'react'
+import { useListItemHandler } from '../components/AnalyticsItemList'
+
+export const component = 'ProductListItemReal'
+export const exported = '@graphcommerce/magento-product'
+
+function GoogleDatalayerProductListItem(
+  props: PluginProps<ComponentProps<typeof ProductListItemReal>>,
+) {
+  const { Prev, onClick, ...rest } = props
+  const { sku, price_range, name } = rest
+  const handle = useListItemHandler({ sku, price_range, name })
+
+  return (
+    <Prev
+      {...rest}
+      onClick={useEventCallback<NonNullable<typeof onClick>>((e, item) => {
+        handle()
+        return onClick?.(e, item)
+      })}
+    />
+  )
+}
+
+export const Plugin = GoogleDatalayerProductListItem
diff --git a/packages/google-datalayer/plugins/GoogleDatalayerProductListItemsBase.tsx b/packages/google-datalayer/plugins/GoogleDatalayerProductListItemsBase.tsx
new file mode 100644
index 0000000000..be39d69aa8
--- /dev/null
+++ b/packages/google-datalayer/plugins/GoogleDatalayerProductListItemsBase.tsx
@@ -0,0 +1,17 @@
+import type { ProductItemsGridProps } from '@graphcommerce/magento-product'
+import { PluginProps } from '@graphcommerce/next-config'
+import { ItemList } from '../components/AnalyticsItemList'
+
+export const component = 'ProductListItemsBase'
+export const exported = '@graphcommerce/magento-product'
+
+export function GoogleDatalayerProductListItemsBase(props: PluginProps<ProductItemsGridProps>) {
+  const { Prev, ...rest } = props
+  return (
+    <ItemList {...rest}>
+      <Prev {...rest} />
+    </ItemList>
+  )
+}
+
+export const Plugin = GoogleDatalayerProductListItemsBase
diff --git a/packages/google-datalayer/plugins/GoogleDatalayerRemoveItemFromCart.tsx b/packages/google-datalayer/plugins/GoogleDatalayerRemoveItemFromCart.tsx
new file mode 100644
index 0000000000..4809bd1a7e
--- /dev/null
+++ b/packages/google-datalayer/plugins/GoogleDatalayerRemoveItemFromCart.tsx
@@ -0,0 +1,29 @@
+import type { RemoveItemFromCart as Original } from '@graphcommerce/magento-cart-items'
+import { ReactPlugin } from '@graphcommerce/next-config'
+import { removeFromCart } from '../events/remove_from_cart'
+
+export const component = 'RemoveItemFromCart'
+export const exported =
+  '@graphcommerce/magento-cart-items/components/RemoveItemFromCart/RemoveItemFromCart'
+
+export const GoogleDatalayerRemoveItemFromCart: ReactPlugin<typeof Original> = (props) => {
+  const { Prev, uid, quantity, prices, product, buttonProps } = props
+
+  return (
+    <Prev
+      {...props}
+      product={product}
+      buttonProps={{
+        onClick: (e) => {
+          removeFromCart({
+            __typename: 'Cart',
+            items: [{ uid, __typename: 'SimpleCartItem', product, quantity, prices }],
+          })
+          buttonProps?.onClick?.(e)
+        },
+      }}
+    />
+  )
+}
+
+export const Plugin = GoogleDatalayerRemoveItemFromCart
diff --git a/packages/google-datalayer/plugins/GoogleDatalayerRemoveItemFromCartFab.tsx b/packages/google-datalayer/plugins/GoogleDatalayerRemoveItemFromCartFab.tsx
new file mode 100644
index 0000000000..82d687c5a0
--- /dev/null
+++ b/packages/google-datalayer/plugins/GoogleDatalayerRemoveItemFromCartFab.tsx
@@ -0,0 +1,29 @@
+import type { RemoveItemFromCartFab as Original } from '@graphcommerce/magento-cart-items'
+import { ReactPlugin } from '@graphcommerce/next-config'
+import { removeFromCart } from '../events/remove_from_cart'
+
+export const component = 'RemoveItemFromCartFab'
+export const exported =
+  '@graphcommerce/magento-cart-items/components/RemoveItemFromCart/RemoveItemFromCartFab'
+
+export const GoogleDatalayerRemoveItemFromCartFab: ReactPlugin<typeof Original> = (props) => {
+  const { Prev, uid, quantity, prices, product, fabProps } = props
+
+  return (
+    <Prev
+      {...props}
+      product={product}
+      fabProps={{
+        onClick: (e) => {
+          removeFromCart({
+            __typename: 'Cart',
+            items: [{ uid, __typename: 'SimpleCartItem', product, quantity, prices }],
+          })
+          fabProps?.onClick?.(e)
+        },
+      }}
+    />
+  )
+}
+
+export const Plugin = GoogleDatalayerRemoveItemFromCartFab
diff --git a/packages/googleanalytics/plugins/GaShippingMethodForm.tsx b/packages/google-datalayer/plugins/GoogleDatalayerShippingMethodForm.tsx
similarity index 54%
rename from packages/googleanalytics/plugins/GaShippingMethodForm.tsx
rename to packages/google-datalayer/plugins/GoogleDatalayerShippingMethodForm.tsx
index 1ec359ab7d..c6076d864a 100644
--- a/packages/googleanalytics/plugins/GaShippingMethodForm.tsx
+++ b/packages/google-datalayer/plugins/GoogleDatalayerShippingMethodForm.tsx
@@ -1,23 +1,22 @@
 import { ShippingMethodFormProps } from '@graphcommerce/magento-cart-shipping-method'
-import { IfConfig, PluginProps } from '@graphcommerce/next-config'
-import { gtagAddShippingInfo } from '../events/gtagAddShippingInfo/gtagAddShippingInfo'
+import { PluginProps } from '@graphcommerce/next-config'
+import { addShippingInfo } from '../events/add_shipping_info'
 
 export const component = 'ShippingMethodForm'
 export const exported = '@graphcommerce/magento-cart-shipping-method'
-export const ifConfig: IfConfig = 'googleAnalyticsId'
 
 /** When the ShippingMethod is submitted the result is sent to Google Analytics */
-export function GaShippingMethodForm(props: PluginProps<ShippingMethodFormProps>) {
+export function GoogleDatalayerShippingMethodForm(props: PluginProps<ShippingMethodFormProps>) {
   const { Prev, onComplete, ...rest } = props
   return (
     <Prev
       {...rest}
       onComplete={(result, variables) => {
-        gtagAddShippingInfo(result.data?.setShippingMethodsOnCart?.cart)
+        addShippingInfo(result.data?.setShippingMethodsOnCart?.cart)
         return onComplete?.(result, variables)
       }}
     />
   )
 }
 
-export const Plugin = GaShippingMethodForm
+export const Plugin = GoogleDatalayerShippingMethodForm
diff --git a/packages/google-datalayer/plugins/GoogleDatalayerUpdateItemQuantity.tsx b/packages/google-datalayer/plugins/GoogleDatalayerUpdateItemQuantity.tsx
new file mode 100644
index 0000000000..d400b5651d
--- /dev/null
+++ b/packages/google-datalayer/plugins/GoogleDatalayerUpdateItemQuantity.tsx
@@ -0,0 +1,65 @@
+import type { UpdateItemQuantityProps } from '@graphcommerce/magento-cart-items'
+import { PluginProps } from '@graphcommerce/next-config'
+import { event } from '../lib/event'
+
+export const component = 'UpdateItemQuantity'
+export const exported =
+  '@graphcommerce/magento-cart-items/components/UpdateItemQuantity/UpdateItemQuantity'
+
+/**
+ * When a product is added to the Cart, by using the + button on cart page, send a Google Analytics
+ * event
+ */
+function GoogleDatalayerUpdateItemQuantity(props: PluginProps<UpdateItemQuantityProps>) {
+  const { Prev, formOptions, quantity, ...rest } = props
+
+  return (
+    <Prev
+      {...rest}
+      quantity={quantity}
+      formOptions={{
+        ...formOptions,
+        onComplete: (data, variables) => {
+          const original = formOptions?.onComplete?.(data, variables)
+          const diffQuantity = variables.quantity - quantity
+          if (diffQuantity === 0) return original
+
+          const itemId = variables.uid
+          const addedItem = data.data?.updateCartItems?.cart.items?.find(
+            (item) => item?.uid === itemId,
+          )
+
+          if (addedItem && addedItem.prices && addedItem.prices.row_total_including_tax.value) {
+            // we need to manually calculate pricePerItemInclTax (https://github.com/magento/magento2/issues/33848)
+            const pricePerItemInclTax =
+              addedItem.prices.row_total_including_tax.value / addedItem.quantity
+            const addToCartValue = pricePerItemInclTax * diffQuantity
+
+            event('add_to_cart', {
+              currency: addedItem?.prices?.price.currency,
+              value: addToCartValue,
+              items: [
+                {
+                  item_id: addedItem?.product.sku,
+                  item_name: addedItem?.product.name,
+                  currency: addedItem?.prices?.price.currency,
+                  price: pricePerItemInclTax,
+                  quantity: variables.quantity,
+                  discount: addedItem?.prices?.discounts?.reduce(
+                    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
+                    (sum, discount) => sum + (discount?.amount?.value ?? 0),
+                    0,
+                  ),
+                },
+              ],
+            })
+          }
+
+          return original
+        },
+      }}
+    />
+  )
+}
+
+export const Plugin = GoogleDatalayerUpdateItemQuantity
diff --git a/packages/googleanalytics/plugins/GaViewItem.tsx b/packages/google-datalayer/plugins/GoogleDatalayerViewItem.tsx
similarity index 56%
rename from packages/googleanalytics/plugins/GaViewItem.tsx
rename to packages/google-datalayer/plugins/GoogleDatalayerViewItem.tsx
index 3dad858841..d4ae87ab9d 100644
--- a/packages/googleanalytics/plugins/GaViewItem.tsx
+++ b/packages/google-datalayer/plugins/GoogleDatalayerViewItem.tsx
@@ -1,27 +1,29 @@
 import type { ProductPageMeta } from '@graphcommerce/magento-product'
-import { IfConfig, PluginProps } from '@graphcommerce/next-config'
+import { PluginProps } from '@graphcommerce/next-config'
 import { useMemoObject } from '@graphcommerce/next-ui'
-import { useEffect } from 'react'
-import { productToGtagItem } from '../events/productToGtagItem/productToGtagItem'
+import React, { useEffect } from 'react'
+import { productToItem } from '../lib'
+import { event } from '../lib/event'
 
 export const component = 'ProductPageMeta'
 export const exported = '@graphcommerce/magento-product'
-export const ifConfig: IfConfig = 'googleAnalyticsId'
 
 /** When a product is added to the Cart, send a Google Analytics event */
-function GaViewItem(props: PluginProps<React.ComponentProps<typeof ProductPageMeta>>) {
+function GoogleDatalayerViewItem(props: PluginProps<React.ComponentProps<typeof ProductPageMeta>>) {
   const { Prev, product } = props
   const { price_range } = product
 
   const viewItem = useMemoObject({
     currency: price_range.minimum_price.final_price.currency,
     value: price_range.minimum_price.final_price.value,
-    items: [productToGtagItem(product)],
+    items: [productToItem(product)],
   })
   // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-  useEffect(() => globalThis.gtag?.('event', 'view_item', viewItem), [viewItem])
+  useEffect(() => {
+    event('view_item', viewItem)
+  }, [viewItem])
 
   return <Prev {...props} />
 }
 
-export const Plugin = GaViewItem
+export const Plugin = GoogleDatalayerViewItem
diff --git a/packages/google-datalayer/tsconfig.json b/packages/google-datalayer/tsconfig.json
new file mode 100644
index 0000000000..7398153dd6
--- /dev/null
+++ b/packages/google-datalayer/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "exclude": ["**/node_modules", "**/.*/"],
+  "include": ["**/*.ts", "**/*.tsx"],
+  "extends": "@graphcommerce/typescript-config-pwa/nextjs.json"
+}
diff --git a/packages/googleanalytics/README.md b/packages/googleanalytics/README.md
index 16a08a7422..00ccb5217a 100644
--- a/packages/googleanalytics/README.md
+++ b/packages/googleanalytics/README.md
@@ -20,3 +20,7 @@ Besides the GA4 integration it also tracks the following events:
 
 Configure the following ([configuration values](./Config.graphqls)) in your
 graphcommerce.config.js
+
+Make sure you also configure the 'Page changes based on browser history events.'
+configuration in Google Analytics, see
+[docs](https://developers.google.com/analytics/devguides/collection/ga4/single-page-applications?implementation=browser-history#implement_single-page_application_measurement).
diff --git a/packages/googleanalytics/components/GoogleAnalyticsItemList.tsx b/packages/googleanalytics/components/GoogleAnalyticsItemList.tsx
deleted file mode 100644
index 52f6d7db73..0000000000
--- a/packages/googleanalytics/components/GoogleAnalyticsItemList.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { nonNullable, useMemoObject } from '@graphcommerce/next-ui'
-import { useEventCallback } from '@mui/material'
-import React, { useContext, useEffect, useMemo } from 'react'
-import { ProductToGtagItemFragment } from '../events/productToGtagItem/ProductToGtagItem.gql'
-import { GtagItem, productToGtagItem } from '../events/productToGtagItem/productToGtagItem'
-
-export type UseGtagViewItemListProps<
-  P extends ProductToGtagItemFragment = ProductToGtagItemFragment,
-> = {
-  title: string
-  items?: (P | null | undefined)[] | null
-  listId?: string
-}
-
-export type ViewItemList = {
-  item_list_id: string
-  item_list_name: string
-  items: GtagItem[]
-}
-
-const GoogleAnalyticsItemListContext = React.createContext<{
-  item_list_id: string
-  item_list_name: string
-}>({ item_list_id: '', item_list_name: '' })
-
-export function useGoogleAnalyticsListItemHandler(item: ProductToGtagItemFragment) {
-  const { item_list_id, item_list_name } = useContext(GoogleAnalyticsItemListContext)
-  return useEventCallback(() =>
-    globalThis.gtag?.('event', 'select_item', {
-      item_list_id,
-      item_list_name,
-      items: productToGtagItem(item),
-    }),
-  )
-}
-
-export function GoogleAnalyticsItemList<
-  P extends ProductToGtagItemFragment = ProductToGtagItemFragment,
->(props: UseGtagViewItemListProps<P> & { children: React.ReactNode }) {
-  const { title, items, listId, children } = props
-
-  const eventData: ViewItemList = useMemoObject({
-    item_list_id: listId ?? title?.toLowerCase().replace(/\s/g, '_'),
-    item_list_name: title,
-    items: items?.map((item) => (item ? productToGtagItem(item) : null)).filter(nonNullable) ?? [],
-  })
-
-  useEffect(() => globalThis.gtag?.('event', 'view_item_list', eventData), [eventData])
-
-  const value = useMemo(
-    () => ({
-      item_list_id: listId ?? title?.toLowerCase().replace(/\s/g, '_'),
-      item_list_name: title ?? listId,
-    }),
-    [listId, title],
-  )
-
-  return (
-    <GoogleAnalyticsItemListContext.Provider value={value}>
-      {children}
-    </GoogleAnalyticsItemListContext.Provider>
-  )
-}
diff --git a/packages/googleanalytics/components/index.ts b/packages/googleanalytics/components/index.ts
index aa493a4775..94af146d46 100644
--- a/packages/googleanalytics/components/index.ts
+++ b/packages/googleanalytics/components/index.ts
@@ -1,2 +1 @@
 export * from './GoogleAnalyticsScript'
-export * from './GoogleAnalyticsItemList'
diff --git a/packages/googleanalytics/events/gtagAddToCart/gtagAddToCart.ts b/packages/googleanalytics/events/gtagAddToCart/gtagAddToCart.ts
deleted file mode 100644
index 2a96fc25e2..0000000000
--- a/packages/googleanalytics/events/gtagAddToCart/gtagAddToCart.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import type { FetchResult } from '@graphcommerce/graphql'
-import { AddProductsToCartMutation, AddProductsToCartFields } from '@graphcommerce/magento-product'
-
-export const gtagAddToCart = (
-  result: FetchResult<AddProductsToCartMutation>,
-  variables: AddProductsToCartFields,
-) => {
-  const addedItem = result.data?.addProductsToCart?.cart.items?.slice(-1)[0]
-
-  if (addedItem && addedItem.prices && addedItem.prices.row_total_including_tax.value) {
-    // we need to manually calculate pricePerItemInclTax (https://github.com/magento/magento2/issues/33848)
-    const pricePerItemInclTax = addedItem.prices.row_total_including_tax.value / addedItem.quantity
-    const addToCartValue = pricePerItemInclTax * variables.cartItems[0].quantity
-
-    globalThis.gtag?.('event', 'add_to_cart', {
-      currency: addedItem?.prices?.price.currency,
-      value: addToCartValue,
-      items: [
-        {
-          item_id: addedItem?.product.sku,
-          item_name: addedItem?.product.name,
-          currency: addedItem?.prices?.price.currency,
-          price: pricePerItemInclTax,
-          quantity: variables.cartItems[0].quantity,
-          discount: addedItem?.prices?.discounts?.reduce(
-            // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-            (sum, discount) => sum + (discount?.amount?.value ?? 0),
-            0,
-          ),
-        },
-      ],
-    })
-  }
-}
diff --git a/packages/googleanalytics/index.ts b/packages/googleanalytics/index.ts
deleted file mode 100644
index 4a9d3e721e..0000000000
--- a/packages/googleanalytics/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export * from './components'
-export * from './events/gtagBeginCheckout/gtagBeginCheckout'
-export * from './events/gtagAddPaymentInfo/gtagAddPaymentInfo'
-export * from './events/gtagAddPurchaseInfo/gtagAddPurchaseInfo'
-export * from './events/gtagAddShippingInfo/gtagAddShippingInfo'
-export * from './events/gtagAddToCart/gtagAddToCart'
diff --git a/packages/googleanalytics/package.json b/packages/googleanalytics/package.json
index 78a574de3c..592f8b6439 100644
--- a/packages/googleanalytics/package.json
+++ b/packages/googleanalytics/package.json
@@ -14,6 +14,9 @@
   "devDependencies": {
     "@types/gtag.js": "^0.0.18"
   },
+  "dependencies": {
+    "@graphcommerce/google-datalayer": "8.0.4-canary.0"
+  },
   "peerDependencies": {
     "@graphcommerce/eslint-config-pwa": "^8.0.4-canary.0",
     "@graphcommerce/graphql-mesh": "^8.0.4-canary.0",
diff --git a/packages/googleanalytics/plugins/GaAddProductsToCartForm.tsx b/packages/googleanalytics/plugins/GaAddProductsToCartForm.tsx
deleted file mode 100644
index 542df4df66..0000000000
--- a/packages/googleanalytics/plugins/GaAddProductsToCartForm.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { AddProductsToCartFormProps } from '@graphcommerce/magento-product'
-import { IfConfig, PluginProps } from '@graphcommerce/next-config'
-import { gtagAddToCart } from '../events/gtagAddToCart/gtagAddToCart'
-
-export const component = 'AddProductsToCartForm'
-export const exported = '@graphcommerce/magento-product'
-export const ifConfig: IfConfig = 'googleAnalyticsId'
-
-/** When a product is added to the Cart, send a Google Analytics event */
-function GaAddProductsToCartForm(props: PluginProps<AddProductsToCartFormProps>) {
-  const { Prev, onComplete, ...rest } = props
-
-  return (
-    <Prev
-      {...rest}
-      onComplete={(data, variables) => {
-        gtagAddToCart(data, variables)
-        return onComplete?.(data, variables)
-      }}
-    />
-  )
-}
-
-export const Plugin = GaAddProductsToCartForm
diff --git a/packages/googleanalytics/plugins/GaCartStartCheckout.tsx b/packages/googleanalytics/plugins/GaCartStartCheckout.tsx
deleted file mode 100644
index fb6f0cdeb8..0000000000
--- a/packages/googleanalytics/plugins/GaCartStartCheckout.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CartStartCheckoutProps } from '@graphcommerce/magento-cart'
-import { IfConfig, PluginProps } from '@graphcommerce/next-config'
-import { gtagBeginCheckout } from '../events/gtagBeginCheckout/gtagBeginCheckout'
-
-export const component = 'CartStartCheckout'
-export const exported = '@graphcommerce/magento-cart'
-export const ifConfig: IfConfig = 'googleAnalyticsId'
-
-export function GaCartStartCheckout(props: PluginProps<CartStartCheckoutProps>) {
-  const { Prev, onStart, ...rest } = props
-  return (
-    <Prev
-      {...rest}
-      onStart={(e, cart) => {
-        gtagBeginCheckout(cart)
-        return onStart?.(e, cart)
-      }}
-    />
-  )
-}
-
-export const Plugin = GaCartStartCheckout
diff --git a/packages/googleanalytics/plugins/GaProductListItem.tsx b/packages/googleanalytics/plugins/GaProductListItem.tsx
deleted file mode 100644
index 042f63aefa..0000000000
--- a/packages/googleanalytics/plugins/GaProductListItem.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ProductListItemProps } from '@graphcommerce/magento-product'
-import { IfConfig, PluginProps } from '@graphcommerce/next-config'
-import { useEventCallback } from '@mui/material'
-import { useGoogleAnalyticsListItemHandler } from '../components/GoogleAnalyticsItemList'
-
-export const component = 'ProductListItem'
-export const exported = '@graphcommerce/magento-product'
-export const ifConfig: IfConfig = 'googleAnalyticsId'
-
-function GaProductListItemsBase(props: PluginProps<ProductListItemProps>) {
-  const { Prev, onClick, ...rest } = props
-  const handle = useGoogleAnalyticsListItemHandler(rest)
-
-  return (
-    <Prev
-      {...rest}
-      onClick={useEventCallback((e, item) => {
-        handle()
-        onClick?.(e, item)
-      })}
-    />
-  )
-}
-
-export const Plugin = GaProductListItemsBase
diff --git a/packages/googleanalytics/plugins/GaProductListItemsBase.tsx b/packages/googleanalytics/plugins/GaProductListItemsBase.tsx
deleted file mode 100644
index 8390a7b8db..0000000000
--- a/packages/googleanalytics/plugins/GaProductListItemsBase.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { ProductItemsGridProps } from '@graphcommerce/magento-product'
-import { IfConfig, PluginProps } from '@graphcommerce/next-config'
-import { GoogleAnalyticsItemList } from '../components/GoogleAnalyticsItemList'
-
-export const component = 'ProductListItemsBase'
-export const exported = '@graphcommerce/magento-product'
-export const ifConfig: IfConfig = 'googleAnalyticsId'
-
-export function GaProductListItemsBase(props: PluginProps<ProductItemsGridProps>) {
-  const { Prev, ...rest } = props
-  return (
-    <GoogleAnalyticsItemList {...rest}>
-      <Prev {...rest} />
-    </GoogleAnalyticsItemList>
-  )
-}
-
-export const Plugin = GaProductListItemsBase
diff --git a/packages/googleanalytics/plugins/GaRemoveItemFromCart.tsx b/packages/googleanalytics/plugins/GaRemoveItemFromCart.tsx
deleted file mode 100644
index b224d8111e..0000000000
--- a/packages/googleanalytics/plugins/GaRemoveItemFromCart.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import type { RemoveItemFromCart } from '@graphcommerce/magento-cart-items'
-import { IfConfig, ReactPlugin } from '@graphcommerce/next-config'
-import { gtagRemoveFromCart } from '../events/gtagRemoveFromCart/gtagRemoveFromCart'
-
-export const component = 'RemoveItemFromCart'
-export const exported = '@graphcommerce/magento-cart-items/components/RemoveItemFromCart/RemoveItemFromCart'
-export const ifConfig: IfConfig = 'googleAnalyticsId'
-
-export const GaRemoveItemFromCart: ReactPlugin<typeof RemoveItemFromCart> = (props) => {
-  const { Prev, uid, quantity, prices, product, buttonProps } = props
-
-  return (
-    <Prev
-      {...props}
-      product={product}
-      buttonProps={{
-        onClick: (e) => {
-          gtagRemoveFromCart({
-            __typename: 'Cart',
-            items: [{ uid, __typename: 'SimpleCartItem', product, quantity, prices }],
-          })
-          buttonProps?.onClick?.(e)
-        },
-      }}
-    />
-  )
-}
-
-export const Plugin = GaRemoveItemFromCart
diff --git a/packages/googleanalytics/plugins/GaRemoveItemFromCartFab.tsx b/packages/googleanalytics/plugins/GaRemoveItemFromCartFab.tsx
deleted file mode 100644
index 5677bc912b..0000000000
--- a/packages/googleanalytics/plugins/GaRemoveItemFromCartFab.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import type { RemoveItemFromCartFab } from '@graphcommerce/magento-cart-items'
-import { IfConfig, ReactPlugin } from '@graphcommerce/next-config'
-import { gtagRemoveFromCart } from '../events/gtagRemoveFromCart/gtagRemoveFromCart'
-
-export const component = 'RemoveItemFromCartFab'
-export const exported = '@graphcommerce/magento-cart-items/components/RemoveItemFromCart/RemoveItemFromCartFab'
-export const ifConfig: IfConfig = 'googleAnalyticsId'
-
-export const GaRemoveItemFromCartFab: ReactPlugin<typeof RemoveItemFromCartFab> = (props) => {
-  const { Prev, uid, quantity, prices, product, fabProps } = props
-
-  return (
-    <Prev
-      {...props}
-      product={product}
-      fabProps={{
-        onClick: (e) => {
-          gtagRemoveFromCart({
-            __typename: 'Cart',
-            items: [{ uid, __typename: 'SimpleCartItem', product, quantity, prices }],
-          })
-          fabProps?.onClick?.(e)
-        },
-      }}
-    />
-  )
-}
-
-export const Plugin = GaRemoveItemFromCartFab
diff --git a/packages/googleanalytics/plugins/GaUpdateItemQuantity.tsx b/packages/googleanalytics/plugins/GaUpdateItemQuantity.tsx
deleted file mode 100644
index 821b5499ee..0000000000
--- a/packages/googleanalytics/plugins/GaUpdateItemQuantity.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import type { UpdateItemQuantityProps } from '@graphcommerce/magento-cart-items'
-import { IfConfig, PluginProps } from '@graphcommerce/next-config'
-
-export const component = 'UpdateItemQuantity'
-export const exported = '@graphcommerce/magento-cart-items/components/UpdateItemQuantity/UpdateItemQuantity'
-export const ifConfig: IfConfig = 'googleAnalyticsId'
-
-/**
- * When a product is added to the Cart, by using the + button on cart page, send a Google Analytics
- * event
- */
-function GaUpdateItemQuantity(props: PluginProps<UpdateItemQuantityProps>) {
-  const { Prev, onComplete, quantity, ...rest } = props
-
-  return (
-    <Prev
-      {...rest}
-      quantity={quantity}
-      onComplete={(data, variables) => {
-        const original = onComplete?.(data, variables)
-        const diffQuantity = variables.quantity - quantity
-        if (diffQuantity === 0) return original
-
-        const itemId = variables.uid
-        const addedItem = data.data?.updateCartItems?.cart.items?.find(
-          (item) => item?.uid === itemId,
-        )
-
-        if (addedItem && addedItem.prices && addedItem.prices.row_total_including_tax.value) {
-          // we need to manually calculate pricePerItemInclTax (https://github.com/magento/magento2/issues/33848)
-          const pricePerItemInclTax =
-            addedItem.prices.row_total_including_tax.value / addedItem.quantity
-          const addToCartValue = pricePerItemInclTax * diffQuantity
-
-          globalThis.gtag?.('event', 'add_to_cart', {
-            currency: addedItem?.prices?.price.currency,
-            value: addToCartValue,
-            items: [
-              {
-                item_id: addedItem?.product.sku,
-                item_name: addedItem?.product.name,
-                currency: addedItem?.prices?.price.currency,
-                price: pricePerItemInclTax,
-                quantity: variables.quantity,
-                discount: addedItem?.prices?.discounts?.reduce(
-                  // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-                  (sum, discount) => sum + (discount?.amount?.value ?? 0),
-                  0,
-                ),
-              },
-            ],
-          })
-        }
-
-        return original
-      }}
-    />
-  )
-}
-
-export const Plugin = GaUpdateItemQuantity
diff --git a/packages/googletagmanager/components/GoogleTagManagerScript.tsx b/packages/googletagmanager/components/GoogleTagManagerScript.tsx
index 19bec20dbf..81288e7952 100644
--- a/packages/googletagmanager/components/GoogleTagManagerScript.tsx
+++ b/packages/googletagmanager/components/GoogleTagManagerScript.tsx
@@ -1,23 +1,10 @@
 import { useStorefrontConfig } from '@graphcommerce/next-ui'
-import { useRouter } from 'next/router'
 import Script from 'next/script'
-import { useEffect } from 'react'
 
 export function GoogleTagManagerScript() {
-  const { events } = useRouter()
   const id =
     useStorefrontConfig().googleTagmanagerId ?? import.meta.graphCommerce.googleTagmanagerId
 
-  useEffect(() => {
-    const onRouteChangeComplete = (url: string) => {
-      const dataLayer = globalThis.dataLayer as Record<string, unknown>[] | undefined
-      dataLayer?.push({ event: 'pageview', page: url })
-    }
-
-    events.on('routeChangeComplete', onRouteChangeComplete)
-    return () => events.off('routeChangeComplete', onRouteChangeComplete)
-  }, [events])
-
   return (
     <>
       <Script id={`gtm-${id}`} strategy='afterInteractive'>{`
diff --git a/packages/googletagmanager/package.json b/packages/googletagmanager/package.json
index e3d2af4250..dfb8898115 100644
--- a/packages/googletagmanager/package.json
+++ b/packages/googletagmanager/package.json
@@ -11,6 +11,9 @@
       "project": "./tsconfig.json"
     }
   },
+  "dependencies": {
+    "@graphcommerce/google-datalayer": "8.0.4-canary.0"
+  },
   "devDependencies": {
     "@types/gapi.client.tagmanager": "^2.0.4"
   },
@@ -19,6 +22,7 @@
     "@graphcommerce/next-ui": "^8.0.4-canary.0",
     "@graphcommerce/prettier-config-pwa": "^8.0.4-canary.0",
     "@graphcommerce/typescript-config-pwa": "^8.0.4-canary.0",
+    "@mui/material": "^5.10.16",
     "next": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
diff --git a/packages/magento-product/components/AddProductsToCart/AddProductsToCartSnackbar.tsx b/packages/magento-product/components/AddProductsToCart/AddProductsToCartSnackbar.tsx
index a2999fc848..26941d72fe 100644
--- a/packages/magento-product/components/AddProductsToCart/AddProductsToCartSnackbar.tsx
+++ b/packages/magento-product/components/AddProductsToCart/AddProductsToCartSnackbar.tsx
@@ -4,14 +4,16 @@ import {
   Button,
   ErrorSnackbar,
   ErrorSnackbarProps,
-  filterNonNullableKeys,
   iconChevronRight,
   IconSvg,
   MessageSnackbar,
   MessageSnackbarProps,
+  nonNullable,
 } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
 import { useRouter } from 'next/router'
+import { useMemo } from 'react'
+import { findAddedItems } from './findAddedItems'
 import { toUserErrors } from './toUserErrors'
 import { useFormAddProductsToCart } from './useFormAddProductsToCart'
 
@@ -37,14 +39,10 @@ export function AddProductsToCartSnackbar(props: AddProductsToCartSnackbarProps)
     !userErrors.length &&
     !redirect
 
-  const items = filterNonNullableKeys(data?.addProductsToCart?.cart.items)
-
-  const productsAdded = items
-    .filter(
-      (item) =>
-        submittedVariables?.cartItems?.find((cartItem) => cartItem.sku === item.product.sku),
-    )
-    .map((product) => product.product.name || '')
+  const addedItems = useMemo(
+    () => findAddedItems(data, submittedVariables),
+    [data, submittedVariables],
+  )
 
   const showErrorSnackbar = userErrors.length > 0
 
@@ -80,13 +78,15 @@ export function AddProductsToCartSnackbar(props: AddProductsToCartSnackbarProps)
         >
           <Trans
             id={
-              productsAdded.length === 1
+              addedItems.length === 1
                 ? '<0>{name}</0> has been added to your shopping cart!'
                 : '<0>{name}</0> have been added to your shopping cart!'
             }
             components={{ 0: <strong /> }}
             values={{
-              name: formatter.format(productsAdded),
+              name: formatter.format(
+                addedItems.map((item) => item?.itemInCart?.product.name).filter(nonNullable),
+              ),
             }}
           />
         </MessageSnackbar>
diff --git a/packages/magento-product/components/AddProductsToCart/findAddedItems.ts b/packages/magento-product/components/AddProductsToCart/findAddedItems.ts
new file mode 100644
index 0000000000..dcef150931
--- /dev/null
+++ b/packages/magento-product/components/AddProductsToCart/findAddedItems.ts
@@ -0,0 +1,81 @@
+import { filterNonNullableKeys, isTypename } from '@graphcommerce/next-ui'
+import { AddProductsToCartMutation } from './AddProductsToCart.gql'
+import { AddProductsToCartFields } from './useFormAddProductsToCart'
+
+export function findAddedItems(
+  data: AddProductsToCartMutation | null | undefined,
+  variables: AddProductsToCartFields | null | undefined,
+) {
+  if (!data || !variables) return []
+
+  return variables.cartItems.map((itemVariable) => ({
+    itemVariable,
+    itemInCart: data.addProductsToCart?.cart.items?.find((cartItem) => {
+      if (!cartItem) return false
+
+      let isCandidate = cartItem.product.sku === itemVariable.sku
+      if (isTypename(cartItem, ['ConfigurableCartItem'])) {
+        if (itemVariable.parent_sku) {
+          isCandidate =
+            cartItem?.product.sku === itemVariable.parent_sku &&
+            cartItem.configured_variant.sku === itemVariable.sku
+        }
+      }
+      if (!isCandidate) {
+        // console.log("The SKU's dont match, so this isn't the product.")
+        return false
+      }
+
+      let selectedOptions = itemVariable.selected_options
+      if (isTypename(cartItem, ['ConfigurableCartItem'])) {
+        // Check if the requested options match the selected options
+        if (
+          !cartItem.configurable_options.every((option) => {
+            const foundItem = itemVariable.selected_options?.find(
+              (selectedOption) => selectedOption === option?.configurable_product_option_value_uid,
+            )
+
+            selectedOptions = itemVariable.selected_options?.filter(
+              (selectedOption) => selectedOption !== option?.configurable_product_option_value_uid,
+            )
+
+            return foundItem
+          })
+        ) {
+          // console.log("SKU matche, this isn't the configurable")
+          return false
+        }
+      }
+
+      const customizable_options = isTypename(cartItem, ['ConfigurableCartItem'])
+        ? cartItem.configurable_customizable
+        : cartItem.customizable_options
+
+      const matchEntered = filterNonNullableKeys(itemVariable.entered_options).every(
+        (requestOption) =>
+          customizable_options.find(
+            (itemOption) =>
+              itemOption?.customizable_option_uid === requestOption?.uid &&
+              itemOption?.values?.find((value) => value?.value === requestOption?.value),
+          ),
+      )
+      if (!matchEntered) {
+        // console.log('Entered options do not match', itemVariable.entered_options)
+        return false
+      }
+
+      const matchSelected = selectedOptions?.every((requestOption) =>
+        customizable_options.find((customizableOption) =>
+          customizableOption?.values.find(
+            (value) => value?.customizable_option_value_uid === requestOption,
+          ),
+        ),
+      )
+      if (!matchSelected) {
+        // console.log('Selected options do not match')
+        return false
+      }
+      return true
+    }),
+  }))
+}
diff --git a/packages/magento-product/components/AddProductsToCart/index.ts b/packages/magento-product/components/AddProductsToCart/index.ts
index 91536abfdd..18651ebad4 100644
--- a/packages/magento-product/components/AddProductsToCart/index.ts
+++ b/packages/magento-product/components/AddProductsToCart/index.ts
@@ -6,3 +6,5 @@ export * from './AddProductsToCartForm'
 export * from './AddProductsToCartQuantity'
 export * from './useAddProductsToCartAction'
 export * from './useFormAddProductsToCart'
+export * from './toUserErrors'
+export * from './findAddedItems'
diff --git a/packagesDev/next-config/__tests__/interceptors/findPlugins.ts b/packagesDev/next-config/__tests__/interceptors/findPlugins.ts
index 049b37d10c..855ca37c16 100644
--- a/packagesDev/next-config/__tests__/interceptors/findPlugins.ts
+++ b/packagesDev/next-config/__tests__/interceptors/findPlugins.ts
@@ -21,85 +21,85 @@ it('finds plugins', () => {
         "component": "AddProductsToCartForm",
         "enabled": true,
         "exported": "@graphcommerce/magento-product",
-        "ifConfig": "googleAnalyticsId",
-        "plugin": "@graphcommerce/googleanalytics/plugins/GaAddProductsToCartForm",
+        "ifConfig": "analytics",
+        "plugin": "@graphcommerce/google-datalayer/plugins/AddProductsToCartForm",
       },
       {
         "component": "CartStartCheckout",
         "enabled": true,
         "exported": "@graphcommerce/magento-cart",
-        "ifConfig": "googleAnalyticsId",
-        "plugin": "@graphcommerce/googleanalytics/plugins/GaCartStartCheckout",
+        "ifConfig": "analytics",
+        "plugin": "@graphcommerce/google-datalayer/plugins/CartStartCheckout",
       },
       {
         "component": "CartStartCheckoutLinkOrButton",
         "enabled": true,
         "exported": "@graphcommerce/magento-cart",
-        "ifConfig": "googleAnalyticsId",
-        "plugin": "@graphcommerce/googleanalytics/plugins/GaCartStartCheckoutLinkOrButton",
+        "ifConfig": "analytics",
+        "plugin": "@graphcommerce/googlea-datalayer/plugins/CartStartCheckoutLinkOrButton",
       },
       {
         "component": "FramerNextPages",
         "enabled": true,
         "exported": "@graphcommerce/framer-next-pages",
-        "ifConfig": "googleAnalyticsId",
-        "plugin": "@graphcommerce/googleanalytics/plugins/GaFramerNextPages",
+        "ifConfig": "analytics",
+        "plugin": "@graphcommerce/google-datalayer/plugins/FramerNextPages",
       },
       {
         "component": "PaymentMethodButton",
         "enabled": true,
         "exported": "@graphcommerce/magento-cart-payment-method",
-        "ifConfig": "googleAnalyticsId",
-        "plugin": "@graphcommerce/googleanalytics/plugins/GaPaymentMethodButton",
+        "ifConfig": "analytics",
+        "plugin": "@graphcommerce/google-datalayer/plugins/PaymentMethodButton",
       },
       {
         "component": "PaymentMethodContextProvider",
         "enabled": true,
         "exported": "@graphcommerce/magento-cart-payment-method",
-        "ifConfig": "googleAnalyticsId",
-        "plugin": "@graphcommerce/googleanalytics/plugins/GaPaymentMethodContextProvider",
+        "ifConfig": "analytics",
+        "plugin": "@graphcommerce/google-datalayer/plugins/PaymentMethodContextProvider",
       },
       {
         "component": "ProductListItem",
         "enabled": true,
         "exported": "@graphcommerce/magento-product",
-        "ifConfig": "googleAnalyticsId",
-        "plugin": "@graphcommerce/googleanalytics/plugins/GaProductListItem",
+        "ifConfig": "analytics",
+        "plugin": "@graphcommerce/google-datalayer/plugins/ProductListItem",
       },
       {
         "component": "ProductListItemsBase",
         "enabled": true,
         "exported": "@graphcommerce/magento-product",
-        "ifConfig": "googleAnalyticsId",
-        "plugin": "@graphcommerce/googleanalytics/plugins/GaProductListItemsBase",
+        "ifConfig": "analytics",
+        "plugin": "@graphcommerce/google-datalayer/plugins/ProductListItemsBase",
       },
       {
         "component": "RemoveItemFromCartFab",
         "enabled": true,
         "exported": "@graphcommerce/magento-cart-items/RemoveItemFromCart/RemoveItemFromCartFab",
-        "ifConfig": "googleAnalyticsId",
-        "plugin": "@graphcommerce/googleanalytics/plugins/GaRemoveItemFromCart",
+        "ifConfig": "analytics",
+        "plugin": "@graphcommerce/google-datalayer/plugins/RemoveItemFromCart",
       },
       {
         "component": "ShippingMethodForm",
         "enabled": true,
         "exported": "@graphcommerce/magento-cart-shipping-method",
-        "ifConfig": "googleAnalyticsId",
-        "plugin": "@graphcommerce/googleanalytics/plugins/GaShippingMethodForm",
+        "ifConfig": "analytics",
+        "plugin": "@graphcommerce/google-datalayer/plugins/ShippingMethodForm",
       },
       {
         "component": "UpdateItemQuantity",
         "enabled": true,
         "exported": "@graphcommerce/magento-cart-items/UpdateItemQuantity/UpdateItemQuantity",
-        "ifConfig": "googleAnalyticsId",
-        "plugin": "@graphcommerce/googleanalytics/plugins/GaUpdateItemQuantity",
+        "ifConfig": "analytics",
+        "plugin": "@graphcommerce/google-datalayer/plugins/UpdateItemQuantity",
       },
       {
         "component": "ProductPageMeta",
         "enabled": true,
         "exported": "@graphcommerce/magento-product",
-        "ifConfig": "googleAnalyticsId",
-        "plugin": "@graphcommerce/googleanalytics/plugins/GaViewItem",
+        "ifConfig": "analytics",
+        "plugin": "@graphcommerce/google-datalayer/plugins/ViewItem",
       },
       {
         "component": "ApolloErrorAlert",
diff --git a/packagesDev/next-config/__tests__/utils/resolveDependenciesSync.ts b/packagesDev/next-config/__tests__/utils/resolveDependenciesSync.ts
index 085427a5b6..dc9db4156e 100644
--- a/packagesDev/next-config/__tests__/utils/resolveDependenciesSync.ts
+++ b/packagesDev/next-config/__tests__/utils/resolveDependenciesSync.ts
@@ -15,6 +15,7 @@ it('resolves dependences', () => {
       "@graphcommerce/magento-cart-shipping-method" => "packages/magento-cart-shipping-method",
       "@graphcommerce/googlerecaptcha" => "packages/googlerecaptcha",
       "@graphcommerce/googletagmanager" => "packages/googletagmanager",
+      "@graphcommerce/google-datalayer" => "packages/google-datalayer",
       "@graphcommerce/graphcms-ui" => "packages/hygraph-ui",
       "@graphcommerce/lingui-next" => "packages/lingui-next",
       "@graphcommerce/next-config" => "packagesDev/next-config",
diff --git a/packagesDev/next-config/dist/generated/config.js b/packagesDev/next-config/dist/generated/config.js
index d754648ddf..1c5e3d07e3 100644
--- a/packagesDev/next-config/dist/generated/config.js
+++ b/packagesDev/next-config/dist/generated/config.js
@@ -1,94 +1,153 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarGalleryConfigSchema = exports.RecentlyViewedProductsConfigSchema = exports.MagentoConfigurableVariantValuesSchema = exports.GraphCommerceStorefrontConfigSchema = exports.GraphCommerceDebugConfigSchema = exports.GraphCommerceConfigSchema = exports.SidebarGalleryPaginationVariantSchema = exports.ProductFiltersLayoutSchema = exports.CompareVariantSchema = exports.definedNonNullAnySchema = exports.isDefinedNonNullAny = void 0;
-/* eslint-disable */
-const zod_1 = require("zod");
-const isDefinedNonNullAny = (v) => v !== undefined && v !== null;
-exports.isDefinedNonNullAny = isDefinedNonNullAny;
-exports.definedNonNullAnySchema = zod_1.z.any().refine((v) => (0, exports.isDefinedNonNullAny)(v));
-exports.CompareVariantSchema = zod_1.z.enum(['CHECKBOX', 'ICON']);
-exports.ProductFiltersLayoutSchema = zod_1.z.enum(['DEFAULT', 'SIDEBAR']);
-exports.SidebarGalleryPaginationVariantSchema = zod_1.z.enum(['DOTS', 'THUMBNAILS_BOTTOM']);
+/* eslint-disable */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AnalyticsConfigSchema: function() {
+        return AnalyticsConfigSchema;
+    },
+    CompareVariantSchema: function() {
+        return CompareVariantSchema;
+    },
+    EventFormatSchema: function() {
+        return EventFormatSchema;
+    },
+    GraphCommerceConfigSchema: function() {
+        return GraphCommerceConfigSchema;
+    },
+    GraphCommerceDebugConfigSchema: function() {
+        return GraphCommerceDebugConfigSchema;
+    },
+    GraphCommerceStorefrontConfigSchema: function() {
+        return GraphCommerceStorefrontConfigSchema;
+    },
+    MagentoConfigurableVariantValuesSchema: function() {
+        return MagentoConfigurableVariantValuesSchema;
+    },
+    ProductFiltersLayoutSchema: function() {
+        return ProductFiltersLayoutSchema;
+    },
+    RecentlyViewedProductsConfigSchema: function() {
+        return RecentlyViewedProductsConfigSchema;
+    },
+    SidebarGalleryConfigSchema: function() {
+        return SidebarGalleryConfigSchema;
+    },
+    SidebarGalleryPaginationVariantSchema: function() {
+        return SidebarGalleryPaginationVariantSchema;
+    },
+    definedNonNullAnySchema: function() {
+        return definedNonNullAnySchema;
+    },
+    isDefinedNonNullAny: function() {
+        return isDefinedNonNullAny;
+    }
+});
+const _zod = require("zod");
+const isDefinedNonNullAny = (v)=>v !== undefined && v !== null;
+const definedNonNullAnySchema = _zod.z.any().refine((v)=>isDefinedNonNullAny(v));
+const CompareVariantSchema = _zod.z.enum([
+    "CHECKBOX",
+    "ICON"
+]);
+const EventFormatSchema = _zod.z.enum([
+    "GA3",
+    "GA4"
+]);
+const ProductFiltersLayoutSchema = _zod.z.enum([
+    "DEFAULT",
+    "SIDEBAR"
+]);
+const SidebarGalleryPaginationVariantSchema = _zod.z.enum([
+    "DOTS",
+    "THUMBNAILS_BOTTOM"
+]);
+function AnalyticsConfigSchema() {
+    return _zod.z.object({
+        eventFormat: _zod.z.array(EventFormatSchema).nullish()
+    });
+}
 function GraphCommerceConfigSchema() {
-    return zod_1.z.object({
-        canonicalBaseUrl: zod_1.z.string().min(1),
-        cartDisplayPricesInclTax: zod_1.z.boolean().nullish(),
-        compare: zod_1.z.boolean().nullish(),
-        compareVariant: exports.CompareVariantSchema.nullish(),
-        configurableVariantForSimple: zod_1.z.boolean().nullish(),
+    return _zod.z.object({
+        analytics: AnalyticsConfigSchema().nullish(),
+        canonicalBaseUrl: _zod.z.string().min(1),
+        cartDisplayPricesInclTax: _zod.z.boolean().nullish(),
+        compare: _zod.z.boolean().nullish(),
+        compareVariant: CompareVariantSchema.nullish(),
+        configurableVariantForSimple: _zod.z.boolean().nullish(),
         configurableVariantValues: MagentoConfigurableVariantValuesSchema().nullish(),
-        crossSellsHideCartItems: zod_1.z.boolean().nullish(),
-        crossSellsRedirectItems: zod_1.z.boolean().nullish(),
-        customerRequireEmailConfirmation: zod_1.z.boolean().nullish(),
+        crossSellsHideCartItems: _zod.z.boolean().nullish(),
+        crossSellsRedirectItems: _zod.z.boolean().nullish(),
+        customerRequireEmailConfirmation: _zod.z.boolean().nullish(),
         debug: GraphCommerceDebugConfigSchema().nullish(),
-        demoMode: zod_1.z.boolean().nullish(),
-        enableGuestCheckoutLogin: zod_1.z.boolean().nullish(),
-        googleAnalyticsId: zod_1.z.string().nullish(),
-        googleRecaptchaKey: zod_1.z.string().nullish(),
-        googleTagmanagerId: zod_1.z.string().nullish(),
-        hygraphEndpoint: zod_1.z.string().min(1),
-        hygraphManagementApi: zod_1.z.string().nullish(),
-        hygraphProjectId: zod_1.z.string().nullish(),
-        hygraphWriteAccessEndpoint: zod_1.z.string().nullish(),
-        hygraphWriteAccessToken: zod_1.z.string().nullish(),
-        limitSsg: zod_1.z.boolean().nullish(),
-        magentoEndpoint: zod_1.z.string().min(1),
-        previewSecret: zod_1.z.string().nullish(),
-        productFiltersLayout: exports.ProductFiltersLayoutSchema.nullish(),
-        productFiltersPro: zod_1.z.boolean().nullish(),
-        productRoute: zod_1.z.string().nullish(),
+        demoMode: _zod.z.boolean().nullish(),
+        enableGuestCheckoutLogin: _zod.z.boolean().nullish(),
+        googleAnalyticsId: _zod.z.string().nullish(),
+        googleRecaptchaKey: _zod.z.string().nullish(),
+        googleTagmanagerId: _zod.z.string().nullish(),
+        hygraphEndpoint: _zod.z.string().min(1),
+        hygraphManagementApi: _zod.z.string().nullish(),
+        hygraphProjectId: _zod.z.string().nullish(),
+        hygraphWriteAccessEndpoint: _zod.z.string().nullish(),
+        hygraphWriteAccessToken: _zod.z.string().nullish(),
+        limitSsg: _zod.z.boolean().nullish(),
+        magentoEndpoint: _zod.z.string().min(1),
+        previewSecret: _zod.z.string().nullish(),
+        productFiltersLayout: ProductFiltersLayoutSchema.nullish(),
+        productFiltersPro: _zod.z.boolean().nullish(),
+        productRoute: _zod.z.string().nullish(),
         recentlyViewedProducts: RecentlyViewedProductsConfigSchema().nullish(),
-        robotsAllow: zod_1.z.boolean().nullish(),
+        robotsAllow: _zod.z.boolean().nullish(),
         sidebarGallery: SidebarGalleryConfigSchema().nullish(),
-        storefront: zod_1.z.array(GraphCommerceStorefrontConfigSchema()),
-        wishlistHideForGuests: zod_1.z.boolean().nullish(),
-        wishlistShowFeedbackMessage: zod_1.z.boolean().nullish()
+        storefront: _zod.z.array(GraphCommerceStorefrontConfigSchema()),
+        wishlistHideForGuests: _zod.z.boolean().nullish(),
+        wishlistShowFeedbackMessage: _zod.z.boolean().nullish()
     });
 }
-exports.GraphCommerceConfigSchema = GraphCommerceConfigSchema;
 function GraphCommerceDebugConfigSchema() {
-    return zod_1.z.object({
-        pluginStatus: zod_1.z.boolean().nullish(),
-        sessions: zod_1.z.boolean().nullish(),
-        webpackCircularDependencyPlugin: zod_1.z.boolean().nullish(),
-        webpackDuplicatesPlugin: zod_1.z.boolean().nullish()
+    return _zod.z.object({
+        pluginStatus: _zod.z.boolean().nullish(),
+        sessions: _zod.z.boolean().nullish(),
+        webpackCircularDependencyPlugin: _zod.z.boolean().nullish(),
+        webpackDuplicatesPlugin: _zod.z.boolean().nullish()
     });
 }
-exports.GraphCommerceDebugConfigSchema = GraphCommerceDebugConfigSchema;
 function GraphCommerceStorefrontConfigSchema() {
-    return zod_1.z.object({
-        canonicalBaseUrl: zod_1.z.string().nullish(),
-        cartDisplayPricesInclTax: zod_1.z.boolean().nullish(),
-        defaultLocale: zod_1.z.boolean().nullish(),
-        domain: zod_1.z.string().nullish(),
-        googleAnalyticsId: zod_1.z.string().nullish(),
-        googleRecaptchaKey: zod_1.z.string().nullish(),
-        googleTagmanagerId: zod_1.z.string().nullish(),
-        hygraphLocales: zod_1.z.array(zod_1.z.string().min(1)).nullish(),
-        linguiLocale: zod_1.z.string().nullish(),
-        locale: zod_1.z.string().min(1),
-        magentoStoreCode: zod_1.z.string().min(1)
+    return _zod.z.object({
+        canonicalBaseUrl: _zod.z.string().nullish(),
+        cartDisplayPricesInclTax: _zod.z.boolean().nullish(),
+        defaultLocale: _zod.z.boolean().nullish(),
+        domain: _zod.z.string().nullish(),
+        googleAnalyticsId: _zod.z.string().nullish(),
+        googleRecaptchaKey: _zod.z.string().nullish(),
+        googleTagmanagerId: _zod.z.string().nullish(),
+        hygraphLocales: _zod.z.array(_zod.z.string().min(1)).nullish(),
+        linguiLocale: _zod.z.string().nullish(),
+        locale: _zod.z.string().min(1),
+        magentoStoreCode: _zod.z.string().min(1)
     });
 }
-exports.GraphCommerceStorefrontConfigSchema = GraphCommerceStorefrontConfigSchema;
 function MagentoConfigurableVariantValuesSchema() {
-    return zod_1.z.object({
-        content: zod_1.z.boolean().nullish(),
-        gallery: zod_1.z.boolean().nullish(),
-        url: zod_1.z.boolean().nullish()
+    return _zod.z.object({
+        content: _zod.z.boolean().nullish(),
+        gallery: _zod.z.boolean().nullish(),
+        url: _zod.z.boolean().nullish()
     });
 }
-exports.MagentoConfigurableVariantValuesSchema = MagentoConfigurableVariantValuesSchema;
 function RecentlyViewedProductsConfigSchema() {
-    return zod_1.z.object({
-        enabled: zod_1.z.boolean().nullish(),
-        maxCount: zod_1.z.number().nullish()
+    return _zod.z.object({
+        enabled: _zod.z.boolean().nullish(),
+        maxCount: _zod.z.number().nullish()
     });
 }
-exports.RecentlyViewedProductsConfigSchema = RecentlyViewedProductsConfigSchema;
 function SidebarGalleryConfigSchema() {
-    return zod_1.z.object({
-        paginationVariant: exports.SidebarGalleryPaginationVariantSchema.nullish()
+    return _zod.z.object({
+        paginationVariant: SidebarGalleryPaginationVariantSchema.nullish()
     });
 }
-exports.SidebarGalleryConfigSchema = SidebarGalleryConfigSchema;
diff --git a/packagesDev/next-config/src/generated/config.ts b/packagesDev/next-config/src/generated/config.ts
index 7930163645..45a7d0a055 100644
--- a/packagesDev/next-config/src/generated/config.ts
+++ b/packagesDev/next-config/src/generated/config.ts
@@ -16,10 +16,21 @@ export type Scalars = {
   Float: { input: number; output: number; }
 };
 
+/** AnalyticsConfig will contain all configuration values for the analytics in GraphCommerce. */
+export type AnalyticsConfig = {
+  /** eventFormat contains the list of fired and formatted events */
+  eventFormat?: InputMaybe<Array<EventFormat>>;
+};
+
 export type CompareVariant =
   | 'CHECKBOX'
   | 'ICON';
 
+/** EventFormat is an enumatation of different event formats. This decides what the format of the event data will be. */
+export type EventFormat =
+  | 'GA3'
+  | 'GA4';
+
 /**
  * # GraphCommerce configuration system
  *
@@ -98,6 +109,7 @@ export type CompareVariant =
  * Below is a list of all possible configurations that can be set by GraphCommerce.
  */
 export type GraphCommerceConfig = {
+  analytics?: InputMaybe<AnalyticsConfig>;
   /**
    * The canonical base URL is used for SEO purposes.
    *
@@ -428,12 +440,21 @@ export const definedNonNullAnySchema = z.any().refine((v) => isDefinedNonNullAny
 
 export const CompareVariantSchema = z.enum(['CHECKBOX', 'ICON']);
 
+export const EventFormatSchema = z.enum(['GA3', 'GA4']);
+
 export const ProductFiltersLayoutSchema = z.enum(['DEFAULT', 'SIDEBAR']);
 
 export const SidebarGalleryPaginationVariantSchema = z.enum(['DOTS', 'THUMBNAILS_BOTTOM']);
 
+export function AnalyticsConfigSchema(): z.ZodObject<Properties<AnalyticsConfig>> {
+  return z.object({
+    eventFormat: z.array(EventFormatSchema).nullish()
+  })
+}
+
 export function GraphCommerceConfigSchema(): z.ZodObject<Properties<GraphCommerceConfig>> {
   return z.object({
+    analytics: AnalyticsConfigSchema().nullish(),
     canonicalBaseUrl: z.string().min(1),
     cartDisplayPricesInclTax: z.boolean().nullish(),
     compare: z.boolean().nullish(),
diff --git a/yarn.lock b/yarn.lock
index d8527259b4..e76d7ba850 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -198,7 +198,42 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@apollo/client@npm:~3.2.5 || ~3.3.0 || ~3.4.0 || ~3.5.0 || ~3.6.0 || ~3.7.0 || ~3.8.0, @apollo/client@npm:~3.8.10":
+"@apollo/client@npm:~3.2.5 || ~3.3.0 || ~3.4.0 || ~3.5.0 || ~3.6.0 || ~3.7.0 || ~3.8.0":
+  version: 3.8.8
+  resolution: "@apollo/client@npm:3.8.8"
+  dependencies:
+    "@graphql-typed-document-node/core": "npm:^3.1.1"
+    "@wry/equality": "npm:^0.5.6"
+    "@wry/trie": "npm:^0.5.0"
+    graphql-tag: "npm:^2.12.6"
+    hoist-non-react-statics: "npm:^3.3.2"
+    optimism: "npm:^0.18.0"
+    prop-types: "npm:^15.7.2"
+    response-iterator: "npm:^0.2.6"
+    symbol-observable: "npm:^4.0.0"
+    ts-invariant: "npm:^0.10.3"
+    tslib: "npm:^2.3.0"
+    zen-observable-ts: "npm:^1.2.5"
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+    graphql-ws: ^5.5.5
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    subscriptions-transport-ws: ^0.9.0 || ^0.11.0
+  peerDependenciesMeta:
+    graphql-ws:
+      optional: true
+    react:
+      optional: true
+    react-dom:
+      optional: true
+    subscriptions-transport-ws:
+      optional: true
+  checksum: 10c0/a097fb49d68fa77d59f8d63f73f0335624608102ebe2a30270d679b50f3fc2d697298fde8619571b419c93660a5ba90874d93e3b10efc8d910d752f14df1770b
+  languageName: node
+  linkType: hard
+
+"@apollo/client@npm:~3.8.10":
   version: 3.8.10
   resolution: "@apollo/client@npm:3.8.10"
   dependencies:
@@ -412,21 +447,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-define-polyfill-provider@npm:^0.5.0":
-  version: 0.5.0
-  resolution: "@babel/helper-define-polyfill-provider@npm:0.5.0"
-  dependencies:
-    "@babel/helper-compilation-targets": "npm:^7.22.6"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    debug: "npm:^4.1.1"
-    lodash.debounce: "npm:^4.0.8"
-    resolve: "npm:^1.14.2"
-  peerDependencies:
-    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 10c0/2b053b96a0c604a7e0f5c7d13a8a55f4451d938f7af42bd40f62a87df15e6c87a0b1dbd893a0f0bb51077b54dc3ba00a58b166531a5940ad286ab685dd8979ec
-  languageName: node
-  linkType: hard
-
 "@babel/helper-environment-visitor@npm:^7.22.20":
   version: 7.22.20
   resolution: "@babel/helper-environment-visitor@npm:7.22.20"
@@ -588,13 +608,13 @@ __metadata:
   linkType: hard
 
 "@babel/helpers@npm:^7.23.7":
-  version: 7.23.8
-  resolution: "@babel/helpers@npm:7.23.8"
+  version: 7.23.7
+  resolution: "@babel/helpers@npm:7.23.7"
   dependencies:
     "@babel/template": "npm:^7.22.15"
     "@babel/traverse": "npm:^7.23.7"
     "@babel/types": "npm:^7.23.6"
-  checksum: 10c0/d9fce49278a31aaa017a40c1fcdaa450999c49e33582cce8138058c58b1acbe3a2d2488f010f28e91dedf0d35795ea32f0ee18745bbb6c7f54052ae0fd7e6a3f
+  checksum: 10c0/f74a61ad28a1bc1fdd9133ad571c07787b66d6db017c707b87c203b0cd06879cea8b33e9c6a8585765a4949efa5df3cc9e19b710fe867f11be38ee29fd4a0488
   languageName: node
   linkType: hard
 
@@ -618,6 +638,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.24.0":
+  version: 7.24.1
+  resolution: "@babel/parser@npm:7.24.1"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 10c0/d2a8b99aa5f33182b69d5569367403a40e7c027ae3b03a1f81fd8ac9b06ceb85b31f6ee4267fb90726dc2ac99909c6bdaa9cf16c379efab73d8dfe85cee32c50
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.23.3"
@@ -1018,9 +1047,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-classes@npm:^7.0.0, @babel/plugin-transform-classes@npm:^7.23.8":
-  version: 7.23.8
-  resolution: "@babel/plugin-transform-classes@npm:7.23.8"
+"@babel/plugin-transform-classes@npm:^7.0.0, @babel/plugin-transform-classes@npm:^7.23.5":
+  version: 7.23.5
+  resolution: "@babel/plugin-transform-classes@npm:7.23.5"
   dependencies:
     "@babel/helper-annotate-as-pure": "npm:^7.22.5"
     "@babel/helper-compilation-targets": "npm:^7.23.6"
@@ -1032,7 +1061,7 @@ __metadata:
     globals: "npm:^11.1.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/227ac5166501e04d9e7fbd5eda6869b084ffa4af6830ac12544ac6ea14953ca00eb1762b0df9349c0f6c8d2a799385910f558066cd0fb85b9ca437b1131a6043
+  checksum: 10c0/07988f52b4893151887d1ea6ff79e5fe834078c5731bd09babd5659edbbae21ea4e2de326a02443a63fd776b4c945da6177f07875b56fe66e0b7899e830a9e92
   languageName: node
   linkType: hard
 
@@ -1552,8 +1581,8 @@ __metadata:
   linkType: hard
 
 "@babel/preset-env@npm:^7.11.0":
-  version: 7.23.8
-  resolution: "@babel/preset-env@npm:7.23.8"
+  version: 7.23.7
+  resolution: "@babel/preset-env@npm:7.23.7"
   dependencies:
     "@babel/compat-data": "npm:^7.23.5"
     "@babel/helper-compilation-targets": "npm:^7.23.6"
@@ -1588,7 +1617,7 @@ __metadata:
     "@babel/plugin-transform-block-scoping": "npm:^7.23.4"
     "@babel/plugin-transform-class-properties": "npm:^7.23.3"
     "@babel/plugin-transform-class-static-block": "npm:^7.23.4"
-    "@babel/plugin-transform-classes": "npm:^7.23.8"
+    "@babel/plugin-transform-classes": "npm:^7.23.5"
     "@babel/plugin-transform-computed-properties": "npm:^7.23.3"
     "@babel/plugin-transform-destructuring": "npm:^7.23.3"
     "@babel/plugin-transform-dotall-regex": "npm:^7.23.3"
@@ -1637,7 +1666,7 @@ __metadata:
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/e602ad954645f1a509644e3d2c72b3c63bdc2273c377e7a83b78f076eca215887ea3624ffc36aaad03deb9ac8acd89e247fd4562b96e0f2b679485e20d8ff25f
+  checksum: 10c0/ac9def873cec52ee02a550bde6e22eced16d1ae331bb8ebc82c03e4c91c12ac17e3e4027647e61612937bcc25ac46e71370aaf99dc2e85dbd11f7777ffeed54e
   languageName: node
   linkType: hard
 
@@ -1661,16 +1690,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.0, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.1, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.21.0, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.23.8, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7, @babel/runtime@npm:^7.9.2":
-  version: 7.23.8
-  resolution: "@babel/runtime@npm:7.23.8"
+"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.0, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.1, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.21.0, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7, @babel/runtime@npm:^7.9.2":
+  version: 7.23.7
+  resolution: "@babel/runtime@npm:7.23.7"
+  dependencies:
+    regenerator-runtime: "npm:^0.14.0"
+  checksum: 10c0/3e304133ee55b0750e03e53cb4efb47fb2bdcdb5795f85bbffa10595196c34b9be60eb65bd6d833c87f49fc827f0365f86f95f51d85b188004d3128bb5129c93
+  languageName: node
+  linkType: hard
+
+"@babel/runtime@npm:^7.23.8, @babel/runtime@npm:^7.23.9":
+  version: 7.24.1
+  resolution: "@babel/runtime@npm:7.24.1"
   dependencies:
     regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/ba5e8fbb32ef04f6cab5e89c54a0497c2fde7b730595cc1af93496270314f13ff2c6a9360fdb2f0bdd4d6b376752ce3cf85642bd6b876969a6a62954934c2df8
+  checksum: 10c0/500c6a99ddd84f37c7bc5dbc84777af47b1372b20e879941670451d55484faf18a673c5ebee9ca2b0f36208a729417873b35b1b92e76f811620f6adf7b8cb0f1
   languageName: node
   linkType: hard
 
-"@babel/template@npm:^7.18.10, @babel/template@npm:^7.20.7, @babel/template@npm:^7.22.15, @babel/template@npm:^7.3.3":
+"@babel/template@npm:^7.18.10, @babel/template@npm:^7.22.15, @babel/template@npm:^7.3.3":
   version: 7.22.15
   resolution: "@babel/template@npm:7.22.15"
   dependencies:
@@ -1681,6 +1719,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/template@npm:^7.20.7":
+  version: 7.24.0
+  resolution: "@babel/template@npm:7.24.0"
+  dependencies:
+    "@babel/code-frame": "npm:^7.23.5"
+    "@babel/parser": "npm:^7.24.0"
+    "@babel/types": "npm:^7.24.0"
+  checksum: 10c0/9d3dd8d22fe1c36bc3bdef6118af1f4b030aaf6d7d2619f5da203efa818a2185d717523486c111de8d99a8649ddf4bbf6b2a7a64962d8411cf6a8fa89f010e54
+  languageName: node
+  linkType: hard
+
 "@babel/traverse@npm:^7.14.0, @babel/traverse@npm:^7.16.8, @babel/traverse@npm:^7.23.7":
   version: 7.23.7
   resolution: "@babel/traverse@npm:7.23.7"
@@ -1710,6 +1759,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/types@npm:^7.24.0":
+  version: 7.24.0
+  resolution: "@babel/types@npm:7.24.0"
+  dependencies:
+    "@babel/helper-string-parser": "npm:^7.23.4"
+    "@babel/helper-validator-identifier": "npm:^7.22.20"
+    to-fast-properties: "npm:^2.0.0"
+  checksum: 10c0/777a0bb5dbe038ca4c905fdafb1cdb6bdd10fe9d63ce13eca0bd91909363cbad554a53dc1f902004b78c1dcbc742056f877f2c99eeedff647333b1fadf51235d
+  languageName: node
+  linkType: hard
+
 "@bcoe/v8-coverage@npm:^0.2.3":
   version: 0.2.3
   resolution: "@bcoe/v8-coverage@npm:0.2.3"
@@ -1761,10 +1821,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@braintree/sanitize-url@npm:6.0.4":
-  version: 6.0.4
-  resolution: "@braintree/sanitize-url@npm:6.0.4"
-  checksum: 10c0/5d7bac57f3e49931db83f65aaa4fd22f96caa323bf0c7fcf6851fdbed179a8cf29eaa5dd372d340fc51ca5f44345ea5bc0196b36c8b16179888a7c9044313420
+"@braintree/sanitize-url@npm:7.0.1":
+  version: 7.0.1
+  resolution: "@braintree/sanitize-url@npm:7.0.1"
+  checksum: 10c0/d849b93f494aef173c5c1d419c1ad0851e9119e038dcc331155ffcf5f6e9c02cf3de8e571fbf91e042337e0890bf1ee0474896cd043c050f3b0be0c6d9af5176
   languageName: node
   linkType: hard
 
@@ -2192,8 +2252,8 @@ __metadata:
   linkType: hard
 
 "@emotion/react@npm:^11.11.3":
-  version: 11.11.3
-  resolution: "@emotion/react@npm:11.11.3"
+  version: 11.11.4
+  resolution: "@emotion/react@npm:11.11.4"
   dependencies:
     "@babel/runtime": "npm:^7.18.3"
     "@emotion/babel-plugin": "npm:^11.11.0"
@@ -2208,7 +2268,7 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10c0/ce995395b8714343715284beb8478afdfa72b89ed83981a15a170ca0f4a2f77d7a4a198fd50c1f9c6efcd0535768d168ff88c5921dc5f90bb33134c7a75f9455
+  checksum: 10c0/6df892fd9e04b5c8c37aacfd7f461631e04e00e845edc3c5b2955ab8ad681abf5cd49584101f579427e08b82f2f88369c78d37ae2fe9360a8f68fd4e51b8e448
   languageName: node
   linkType: hard
 
@@ -2541,38 +2601,38 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@floating-ui/core@npm:^1.5.3":
-  version: 1.5.3
-  resolution: "@floating-ui/core@npm:1.5.3"
+"@floating-ui/core@npm:^1.0.0":
+  version: 1.6.0
+  resolution: "@floating-ui/core@npm:1.6.0"
   dependencies:
-    "@floating-ui/utils": "npm:^0.2.0"
-  checksum: 10c0/5fc8fa0d6f99ac91ae42bdfc06c4dea60ae0a979d8f7c74ebc8e9e9770d3c88a0afa6efce459fcdc0c3922176763477d13bc27b93d3838c8b81851e753193976
+    "@floating-ui/utils": "npm:^0.2.1"
+  checksum: 10c0/667a68036f7dd5ed19442c7792a6002ca02d1799221c4396691bbe0b6008b48f6ccad581225e81fa266bb91232f6c66838a5f825f554217e1ec886178b93381b
   languageName: node
   linkType: hard
 
-"@floating-ui/dom@npm:^1.5.4":
-  version: 1.5.4
-  resolution: "@floating-ui/dom@npm:1.5.4"
+"@floating-ui/dom@npm:^1.6.1":
+  version: 1.6.3
+  resolution: "@floating-ui/dom@npm:1.6.3"
   dependencies:
-    "@floating-ui/core": "npm:^1.5.3"
+    "@floating-ui/core": "npm:^1.0.0"
     "@floating-ui/utils": "npm:^0.2.0"
-  checksum: 10c0/8a47ac5b8cf90214d73011d436d66821ccb7f4b9a29170e23117df2cc6008845834db7f59e73d998add19807f62f09e5e6a84516eed81cebbf25770dea595a84
+  checksum: 10c0/d6cac10877918ce5a8d1a24b21738d2eb130a0191043d7c0dd43bccac507844d3b4dc5d4107d3891d82f6007945ca8fb4207a1252506e91c37e211f0f73cf77e
   languageName: node
   linkType: hard
 
 "@floating-ui/react-dom@npm:^2.0.5":
-  version: 2.0.6
-  resolution: "@floating-ui/react-dom@npm:2.0.6"
+  version: 2.0.8
+  resolution: "@floating-ui/react-dom@npm:2.0.8"
   dependencies:
-    "@floating-ui/dom": "npm:^1.5.4"
+    "@floating-ui/dom": "npm:^1.6.1"
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: 10c0/33bdeb70487837a4b21b537c4c10874d7c86d661f7748eedee877a45bd65f61a59dc3cf10a30a193c913fb758feaaf33ddb7f2df9d898f96506dfe22eaa8e4fb
+  checksum: 10c0/4d87451e2dcc54b4753a0d81181036e47821cfd0d4c23f7e9c31590c7c91fb15fb0a5a458969a5ddabd61601eca5875ebd4e40bff37cee31f373b8f1ccc64518
   languageName: node
   linkType: hard
 
-"@floating-ui/utils@npm:^0.2.0":
+"@floating-ui/utils@npm:^0.2.0, @floating-ui/utils@npm:^0.2.1":
   version: 0.2.1
   resolution: "@floating-ui/utils@npm:0.2.1"
   checksum: 10c0/ee77756712cf5b000c6bacf11992ffb364f3ea2d0d51cc45197a7e646a17aeb86ea4b192c0b42f3fbb29487aee918a565e84f710b8c3645827767f406a6b4cc9
@@ -2893,6 +2953,35 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@graphcommerce/google-datalayer@npm:8.0.4-canary.0, @graphcommerce/google-datalayer@workspace:packages/google-datalayer":
+  version: 0.0.0-use.local
+  resolution: "@graphcommerce/google-datalayer@workspace:packages/google-datalayer"
+  peerDependencies:
+    "@graphcommerce/eslint-config-pwa": ^8.0.0-canary.74
+    "@graphcommerce/graphql-mesh": ^8.0.0-canary.74
+    "@graphcommerce/magento-cart": ^8.0.0-canary.74
+    "@graphcommerce/magento-cart-shipping-method": ^8.0.0-canary.74
+    "@graphcommerce/magento-product": ^8.0.0-canary.74
+    "@graphcommerce/next-config": ^8.0.0-canary.74
+    "@graphcommerce/next-ui": ^8.0.0-canary.74
+    "@graphcommerce/prettier-config-pwa": ^8.0.0-canary.74
+    "@graphcommerce/typescript-config-pwa": ^8.0.0-canary.74
+    "@mui/material": ^5.14.20
+    next: ^14
+    react: ^18.2.0
+    react-dom: ^18.2.0
+  peerDependenciesMeta:
+    "@graphcommerce/magento-cart":
+      optional: true
+    "@graphcommerce/magento-cart-payment-method":
+      optional: true
+    "@graphcommerce/magento-cart-shipping-method":
+      optional: true
+    "@graphcommerce/magento-product":
+      optional: true
+  languageName: unknown
+  linkType: soft
+
 "@graphcommerce/googleanalytics@npm:8.0.4-canary.0, @graphcommerce/googleanalytics@workspace:packages/googleanalytics":
   version: 0.0.0-use.local
   resolution: "@graphcommerce/googleanalytics@workspace:packages/googleanalytics"
@@ -2953,6 +3042,7 @@ __metadata:
     "@graphcommerce/next-ui": ^8.0.4-canary.0
     "@graphcommerce/prettier-config-pwa": ^8.0.4-canary.0
     "@graphcommerce/typescript-config-pwa": ^8.0.4-canary.0
+    "@mui/material": ^5.10.16
     next: "*"
     react: ^18.2.0
     react-dom: ^18.2.0
@@ -3652,6 +3742,7 @@ __metadata:
     "@graphcommerce/framer-next-pages": "npm:8.0.4-canary.0"
     "@graphcommerce/framer-scroller": "npm:8.0.4-canary.0"
     "@graphcommerce/framer-utils": "npm:8.0.4-canary.0"
+    "@graphcommerce/google-datalayer": "npm:8.0.4-canary.0"
     "@graphcommerce/googleanalytics": "npm:8.0.4-canary.0"
     "@graphcommerce/googlerecaptcha": "npm:8.0.4-canary.0"
     "@graphcommerce/googletagmanager": "npm:8.0.4-canary.0"
@@ -4769,35 +4860,35 @@ __metadata:
   linkType: hard
 
 "@graphql-mesh/apollo-link@npm:latest":
-  version: 0.97.4
-  resolution: "@graphql-mesh/apollo-link@npm:0.97.4"
+  version: 0.97.3
+  resolution: "@graphql-mesh/apollo-link@npm:0.97.3"
   peerDependencies:
     "@apollo/client": ^3.5.9
-    "@graphql-mesh/runtime": ^0.97.4
+    "@graphql-mesh/runtime": ^0.97.3
     "@graphql-tools/utils": ^9.2.1 || ^10.0.0
     graphql: ^15.2.0 || ^16.0.0
     tslib: ^2.4.0
-  checksum: 10c0/b688cbbf65365fbdd7cda2daef15f8608a88ae30d41ce1917bb8bd7a5f1952513b1eb2a55302e03ec012a7f3af82ca2d993e26f697e66568049007af4e061ea9
+  checksum: 10c0/89a7f6899859431f5102c73b2252c6bcbe6b4d03e48dfd759daf6653787949b1dfae30375c064215b7bfeb70efb1ae06653b13b622ab1ff842aa193d0fe30013
   languageName: node
   linkType: hard
 
-"@graphql-mesh/cache-localforage@npm:^0.96.3":
-  version: 0.96.3
-  resolution: "@graphql-mesh/cache-localforage@npm:0.96.3"
+"@graphql-mesh/cache-localforage@npm:^0.96.2":
+  version: 0.96.2
+  resolution: "@graphql-mesh/cache-localforage@npm:0.96.2"
   dependencies:
     localforage: "npm:1.10.0"
   peerDependencies:
-    "@graphql-mesh/types": ^0.96.3
-    "@graphql-mesh/utils": ^0.96.3
+    "@graphql-mesh/types": ^0.96.2
+    "@graphql-mesh/utils": ^0.96.2
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/68668b49a6d64e5701db2878427a22d28d3e76fd055215c0ca16b6064889e18eee3a1fe7297826cd7291bf13e92fb2c5b6bbc939ce4f736ce581d53988365a56
+  checksum: 10c0/f0b4bdbb5077b8c8d6a7796a149464851c467514289c47ea96806fc759fd4c44f25063e3ba5337a52c2e36d4e2522adc242ba8c52b5dc7f135e2339b7186c58e
   languageName: node
   linkType: hard
 
 "@graphql-mesh/cli@npm:latest":
-  version: 0.88.5
-  resolution: "@graphql-mesh/cli@npm:0.88.5"
+  version: 0.88.4
+  resolution: "@graphql-mesh/cli@npm:0.88.4"
   dependencies:
     "@graphql-codegen/core": "npm:^4.0.0"
     "@graphql-codegen/typed-document-node": "npm:^5.0.0"
@@ -4805,13 +4896,13 @@ __metadata:
     "@graphql-codegen/typescript-generic-sdk": "npm:^3.1.0"
     "@graphql-codegen/typescript-operations": "npm:^4.0.0"
     "@graphql-codegen/typescript-resolvers": "npm:^4.0.0"
-    "@graphql-mesh/config": "npm:^0.98.4"
+    "@graphql-mesh/config": "npm:^0.98.3"
     "@graphql-mesh/cross-helpers": "npm:^0.4.1"
-    "@graphql-mesh/http": "npm:^0.97.4"
-    "@graphql-mesh/runtime": "npm:^0.97.4"
-    "@graphql-mesh/store": "npm:^0.96.3"
-    "@graphql-mesh/types": "npm:^0.96.3"
-    "@graphql-mesh/utils": "npm:^0.96.3"
+    "@graphql-mesh/http": "npm:^0.97.3"
+    "@graphql-mesh/runtime": "npm:^0.97.3"
+    "@graphql-mesh/store": "npm:^0.96.2"
+    "@graphql-mesh/types": "npm:^0.96.2"
+    "@graphql-mesh/utils": "npm:^0.96.2"
     "@graphql-tools/utils": "npm:^10.0.1"
     ajv: "npm:^8.12.0"
     change-case: "npm:^4.1.2"
@@ -4842,18 +4933,18 @@ __metadata:
     graphql-mesh: cjs/bin.js
     graphql-mesh-esm: esm/bin.js
     mesh: cjs/bin.js
-  checksum: 10c0/cb458ae0d2cfb4dbfac4afbbe627786db5e5a8e9c36d992ba2283245cb8ca4bbce515c9ba7b23c29928e7565eb7c6a11c99a8d8949c4f78b1aa1933e3f6db481
+  checksum: 10c0/c40a5ca7beec7bde9892eb9bb4fb481d9d92818462b95d0613950ad1136a94995f43b57b8b220e3f79a10e88ad278bcd19e0d0ce58fe1b7f4cf9492d43c7548b
   languageName: node
   linkType: hard
 
-"@graphql-mesh/config@npm:^0.98.4, @graphql-mesh/config@npm:latest":
-  version: 0.98.4
-  resolution: "@graphql-mesh/config@npm:0.98.4"
+"@graphql-mesh/config@npm:^0.98.3, @graphql-mesh/config@npm:latest":
+  version: 0.98.3
+  resolution: "@graphql-mesh/config@npm:0.98.3"
   dependencies:
     "@envelop/core": "npm:^5.0.0"
-    "@graphql-mesh/cache-localforage": "npm:^0.96.3"
-    "@graphql-mesh/merger-bare": "npm:^0.96.3"
-    "@graphql-mesh/merger-stitching": "npm:^0.96.3"
+    "@graphql-mesh/cache-localforage": "npm:^0.96.2"
+    "@graphql-mesh/merger-bare": "npm:^0.96.2"
+    "@graphql-mesh/merger-stitching": "npm:^0.96.2"
     "@graphql-tools/code-file-loader": "npm:^8.0.0"
     "@graphql-tools/graphql-file-loader": "npm:^8.0.0"
     "@graphql-tools/load": "npm:^8.0.0"
@@ -4864,14 +4955,14 @@ __metadata:
     pascal-case: "npm:^3.1.2"
   peerDependencies:
     "@graphql-mesh/cross-helpers": ^0.4.1
-    "@graphql-mesh/runtime": ^0.97.4
-    "@graphql-mesh/store": ^0.96.3
-    "@graphql-mesh/types": ^0.96.3
-    "@graphql-mesh/utils": ^0.96.3
+    "@graphql-mesh/runtime": ^0.97.3
+    "@graphql-mesh/store": ^0.96.2
+    "@graphql-mesh/types": ^0.96.2
+    "@graphql-mesh/utils": ^0.96.2
     "@graphql-tools/utils": ^9.2.1 || ^10.0.0
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/ea0ba0a456416eec2e3679e2daf66898f8af39e90e9d4821ccdfca45397f8a4cc6ea8cfbbd3d6d8b3d93521b63e621a4c495692d163179b561c38f2ed2bc14d3
+  checksum: 10c0/25f156f8cb395dffc4d9ad4268d6f1f803c48316562d11ba8339205e2670b3795224fe9d65004474af70cb01bab3bc3f86673b04e22d42aba6250b90d7ab6b96
   languageName: node
   linkType: hard
 
@@ -4888,8 +4979,8 @@ __metadata:
   linkType: hard
 
 "@graphql-mesh/graphql@npm:latest":
-  version: 0.96.3
-  resolution: "@graphql-mesh/graphql@npm:0.96.3"
+  version: 0.96.2
+  resolution: "@graphql-mesh/graphql@npm:0.96.2"
   dependencies:
     "@graphql-mesh/string-interpolation": "npm:^0.5.3"
     "@graphql-tools/delegate": "npm:^10.0.0"
@@ -4898,85 +4989,85 @@ __metadata:
     lodash.get: "npm:^4.4.2"
   peerDependencies:
     "@graphql-mesh/cross-helpers": ^0.4.1
-    "@graphql-mesh/store": ^0.96.3
-    "@graphql-mesh/types": ^0.96.3
-    "@graphql-mesh/utils": ^0.96.3
+    "@graphql-mesh/store": ^0.96.2
+    "@graphql-mesh/types": ^0.96.2
+    "@graphql-mesh/utils": ^0.96.2
     "@graphql-tools/utils": ^9.2.1 || ^10.0.0
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/432e593358c9386f837b47f70edd58b30142a3cb88a6507bddd615cff59f6f68fbd1b69b5e83c5397b567cf585a5a948db3b8e5a37a75ced48cb243f0a8b18e1
+  checksum: 10c0/4f3e7b6fa5b3571d3c8a947558d1b61eaad3dcaab9369056fad873fa58e8eaa4f2e019f571fdc9d4bdd030c6fd91a6407956d65f2c9600d624bcdec77ca32f48
   languageName: node
   linkType: hard
 
-"@graphql-mesh/http@npm:^0.97.4, @graphql-mesh/http@npm:latest":
-  version: 0.97.4
-  resolution: "@graphql-mesh/http@npm:0.97.4"
+"@graphql-mesh/http@npm:^0.97.3, @graphql-mesh/http@npm:latest":
+  version: 0.97.3
+  resolution: "@graphql-mesh/http@npm:0.97.3"
   dependencies:
     "@whatwg-node/server": "npm:^0.9.0"
     graphql-yoga: "npm:^5.0.0"
   peerDependencies:
     "@graphql-mesh/cross-helpers": ^0.4.1
-    "@graphql-mesh/runtime": ^0.97.4
-    "@graphql-mesh/types": ^0.96.3
-    "@graphql-mesh/utils": ^0.96.3
+    "@graphql-mesh/runtime": ^0.97.3
+    "@graphql-mesh/types": ^0.96.2
+    "@graphql-mesh/utils": ^0.96.2
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/d233a1620011eeecb8d255ef4b2edf89bd164692c3ef3622720c47c1ba2e6d56956ceae117f1ce7a97d90915a9797cf8708794f7104a7eab6167f5782f5bd434
+  checksum: 10c0/7d4004e4265197c4f22f839a42166ccf8e3e3df61d949105e761a4497446b4b1444f3b7ad325e4fbfd3aff8b065601086b18646209095356db7947e988ac75ca
   languageName: node
   linkType: hard
 
-"@graphql-mesh/merger-bare@npm:^0.96.3":
-  version: 0.96.3
-  resolution: "@graphql-mesh/merger-bare@npm:0.96.3"
+"@graphql-mesh/merger-bare@npm:^0.96.2":
+  version: 0.96.2
+  resolution: "@graphql-mesh/merger-bare@npm:0.96.2"
   dependencies:
-    "@graphql-mesh/merger-stitching": "npm:0.96.3"
+    "@graphql-mesh/merger-stitching": "npm:0.96.2"
     "@graphql-tools/schema": "npm:10.0.2"
   peerDependencies:
-    "@graphql-mesh/types": ^0.96.3
-    "@graphql-mesh/utils": ^0.96.3
+    "@graphql-mesh/types": ^0.96.2
+    "@graphql-mesh/utils": ^0.96.2
     "@graphql-tools/utils": ^9.2.1 || ^10.0.0
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/e1a7d1f7503c06c7ca5842447f50051c39920b8d8d84a072b348b72c5e10afc874bee2311016002e13ddfd3f4e62d0087a4612a92fdd8f21a491b8f74238581b
+  checksum: 10c0/efe3ee5802eec384e75e74f8644dcc3794960f2c57eb431a5ae62851b8a6d2c91d7860f4ef8347df0d4d86a80f7183526d60674cbfc9f8dd0dcad4c30cb0f708
   languageName: node
   linkType: hard
 
-"@graphql-mesh/merger-stitching@npm:0.96.3, @graphql-mesh/merger-stitching@npm:^0.96.3":
-  version: 0.96.3
-  resolution: "@graphql-mesh/merger-stitching@npm:0.96.3"
+"@graphql-mesh/merger-stitching@npm:0.96.2, @graphql-mesh/merger-stitching@npm:^0.96.2":
+  version: 0.96.2
+  resolution: "@graphql-mesh/merger-stitching@npm:0.96.2"
   dependencies:
     "@graphql-tools/delegate": "npm:^10.0.0"
     "@graphql-tools/schema": "npm:^10.0.0"
     "@graphql-tools/stitch": "npm:^9.0.0"
   peerDependencies:
-    "@graphql-mesh/store": ^0.96.3
-    "@graphql-mesh/types": ^0.96.3
-    "@graphql-mesh/utils": ^0.96.3
+    "@graphql-mesh/store": ^0.96.2
+    "@graphql-mesh/types": ^0.96.2
+    "@graphql-mesh/utils": ^0.96.2
     "@graphql-tools/utils": ^9.2.1 || ^10.0.0
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/26feed5abd1e987160583857fc00c113a525bd933f83eca1c10df35b4e983fe1f0828c3225ff818115c7c6341a94c28563359d23a55f5d1e661a8aceb955ff18
+  checksum: 10c0/3dc8f440846a2f7c0fe62f262243893f6e1d9c4521fe3e7c1a8eaa74f606cef84df1f5d4459a3815bc876c8e4c75d45da330173bf5c8d02eabf97ffbb4ed31e1
   languageName: node
   linkType: hard
 
 "@graphql-mesh/plugin-http-details-extensions@npm:latest":
-  version: 0.96.3
-  resolution: "@graphql-mesh/plugin-http-details-extensions@npm:0.96.3"
+  version: 0.96.2
+  resolution: "@graphql-mesh/plugin-http-details-extensions@npm:0.96.2"
   dependencies:
     "@envelop/core": "npm:5.0.0"
     "@whatwg-node/fetch": "npm:^0.9.0"
   peerDependencies:
-    "@graphql-mesh/types": ^0.96.3
-    "@graphql-mesh/utils": ^0.96.3
+    "@graphql-mesh/types": ^0.96.2
+    "@graphql-mesh/utils": ^0.96.2
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/26bc48cb403a4ea949e2f939287bf692bb7cff4da190cf13ff22e0563c080e0beaad05191ca14f99be231e587dd40f99c5212101968813f87408052ebf6c4b05
+  checksum: 10c0/4a4278792c220657ce1deb67dd09ec2aed44934bfea81f94280d01acfb05140c92154a1827b5bf900ba55c6cf7c7df9cc713f1b0a6d81b00eda39d5d5029f42e
   languageName: node
   linkType: hard
 
-"@graphql-mesh/runtime@npm:^0.97.4, @graphql-mesh/runtime@npm:latest":
-  version: 0.97.4
-  resolution: "@graphql-mesh/runtime@npm:0.97.4"
+"@graphql-mesh/runtime@npm:^0.97.3, @graphql-mesh/runtime@npm:latest":
+  version: 0.97.3
+  resolution: "@graphql-mesh/runtime@npm:0.97.3"
   dependencies:
     "@envelop/core": "npm:^5.0.0"
     "@envelop/extended-validation": "npm:^4.0.0"
@@ -4990,28 +5081,28 @@ __metadata:
     graphql-jit: "npm:0.8.2"
   peerDependencies:
     "@graphql-mesh/cross-helpers": ^0.4.1
-    "@graphql-mesh/types": ^0.96.3
-    "@graphql-mesh/utils": ^0.96.3
+    "@graphql-mesh/types": ^0.96.2
+    "@graphql-mesh/utils": ^0.96.2
     "@graphql-tools/utils": ^9.2.1 || ^10.0.0
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/ec55499c6accb107202083c1f79f97d3b635e5da958a75d432318a416a2e6da9e738ce360743cb0606f1071660b5863336be6e7b79a104950494bae0e9f12fec
+  checksum: 10c0/91af2cac68db5705fb752389d610b847713403155b2eb5cd983ed737c3a43093526173f61c5b0e943bcf6a91bc2514a7bcb3fdd3bc92f1e2a326bffce4e592ce
   languageName: node
   linkType: hard
 
-"@graphql-mesh/store@npm:^0.96.3, @graphql-mesh/store@npm:latest":
-  version: 0.96.3
-  resolution: "@graphql-mesh/store@npm:0.96.3"
+"@graphql-mesh/store@npm:^0.96.2, @graphql-mesh/store@npm:latest":
+  version: 0.96.2
+  resolution: "@graphql-mesh/store@npm:0.96.2"
   dependencies:
     "@graphql-inspector/core": "npm:5.0.2"
   peerDependencies:
     "@graphql-mesh/cross-helpers": ^0.4.1
-    "@graphql-mesh/types": ^0.96.3
-    "@graphql-mesh/utils": ^0.96.3
+    "@graphql-mesh/types": ^0.96.2
+    "@graphql-mesh/utils": ^0.96.2
     "@graphql-tools/utils": ^9.2.1 || ^10.0.0
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/77a32df6987a3a413dd4e6ae15bd057aba3175e970d6a24c510f6ef9cd818ca4f5fa8c565378061a6e4a874e8a0926ac0cfe5c3a868c779b40e8809bd75a928b
+  checksum: 10c0/317f057f2881864210224b926a9f1a8d708719a6db1e2764537a31b7a7c7b37a488b1209a8bbdaa14c569ea5b47f774ba58dcd7cf4cb39956320011751ef77eb
   languageName: node
   linkType: hard
 
@@ -5030,53 +5121,53 @@ __metadata:
   linkType: hard
 
 "@graphql-mesh/transform-filter-schema@npm:latest":
-  version: 0.96.3
-  resolution: "@graphql-mesh/transform-filter-schema@npm:0.96.3"
+  version: 0.96.2
+  resolution: "@graphql-mesh/transform-filter-schema@npm:0.96.2"
   dependencies:
     "@graphql-tools/delegate": "npm:^10.0.0"
     "@graphql-tools/wrap": "npm:^10.0.0"
     minimatch: "npm:^9.0.0"
   peerDependencies:
-    "@graphql-mesh/types": ^0.96.3
-    "@graphql-mesh/utils": ^0.96.3
+    "@graphql-mesh/types": ^0.96.2
+    "@graphql-mesh/utils": ^0.96.2
     "@graphql-tools/utils": ^9.2.1 || ^10.0.0
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/3afc41bfa05dec1d491f24b11b0afc25d82119a800912d93b513187db83cf3e0589c03e7a925fe31bc8bd74b79da82679294190c4c85b7a1e69ca830d2056fed
+  checksum: 10c0/abe1447b9b7445716ea4af08295f9437cbb89c0e3af7b0312f25e3f6e42ff43e0fe68cac9d262938d6de0faf7f9ee78c42c0dcd4fb8c47c7de4c313b68487a88
   languageName: node
   linkType: hard
 
 "@graphql-mesh/transform-prune@npm:latest":
-  version: 0.96.3
-  resolution: "@graphql-mesh/transform-prune@npm:0.96.3"
+  version: 0.96.2
+  resolution: "@graphql-mesh/transform-prune@npm:0.96.2"
   peerDependencies:
-    "@graphql-mesh/types": ^0.96.3
+    "@graphql-mesh/types": ^0.96.2
     "@graphql-tools/utils": ^9.2.1 || ^10.0.0
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/2196913707d351730a12dc7eb629c63cda86e5ce24f47b9371131c059f8821e29fe71f33df85a6fc75c640d8c97340fbc062b6372f8696e01f7266d348e58d80
+  checksum: 10c0/0408e1efebe0a0a59daf789ccd5fff5930d8276fe699139964927bcac7f1ef11393797fcce5ffcfbcc0de0946dc935b645f160c8ebc8aac8b4faef032d3afcd8
   languageName: node
   linkType: hard
 
-"@graphql-mesh/types@npm:^0.96.3, @graphql-mesh/types@npm:latest":
-  version: 0.96.3
-  resolution: "@graphql-mesh/types@npm:0.96.3"
+"@graphql-mesh/types@npm:^0.96.2, @graphql-mesh/types@npm:latest":
+  version: 0.96.2
+  resolution: "@graphql-mesh/types@npm:0.96.2"
   dependencies:
     "@graphql-tools/batch-delegate": "npm:^9.0.0"
     "@graphql-tools/delegate": "npm:^10.0.0"
     "@graphql-typed-document-node/core": "npm:^3.2.0"
   peerDependencies:
-    "@graphql-mesh/store": ^0.96.3
+    "@graphql-mesh/store": ^0.96.2
     "@graphql-tools/utils": ^9.2.1 || ^10.0.0
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/3b5eaf7afce352486fdeea5b247da414cc8ff68e70b755daf0ab6c5150117d6d50d214f00ce59cec74385832819a8db8f844aac24d131013119e8cc4d61ea3c2
+  checksum: 10c0/ed5a0bc1f645db1b4e7486ed7c2aedd7c13730d1b78c9e3f03c02608439bd2b70a9c46461b6870d5678df9a65f0b1c2a70fb15733d5ec40ba95b41ef2cf8a998
   languageName: node
   linkType: hard
 
-"@graphql-mesh/utils@npm:^0.96.3, @graphql-mesh/utils@npm:latest":
-  version: 0.96.3
-  resolution: "@graphql-mesh/utils@npm:0.96.3"
+"@graphql-mesh/utils@npm:^0.96.2, @graphql-mesh/utils@npm:latest":
+  version: 0.96.2
+  resolution: "@graphql-mesh/utils@npm:0.96.2"
   dependencies:
     "@graphql-mesh/string-interpolation": "npm:^0.5.3"
     "@graphql-tools/delegate": "npm:^10.0.0"
@@ -5088,11 +5179,11 @@ __metadata:
     tiny-lru: "npm:^11.0.0"
   peerDependencies:
     "@graphql-mesh/cross-helpers": ^0.4.1
-    "@graphql-mesh/types": ^0.96.3
+    "@graphql-mesh/types": ^0.96.2
     "@graphql-tools/utils": ^9.2.1 || ^10.0.0
     graphql: "*"
     tslib: ^2.4.0
-  checksum: 10c0/44fe107ed30726c595e6652628816449bc8db059005e66b552f9dc6aa27c31e20735ea584be4401352e980cc6ac040f49dbe68c1069d78da181248853c57a29f
+  checksum: 10c0/160416cdb293a360ef61f558d6a19147186667e5dacd75b2701a35f73c508ee3ff14da22433033bb72a1269049f906ef5617eff808b3227227c74f709918d4c8
   languageName: node
   linkType: hard
 
@@ -5199,8 +5290,8 @@ __metadata:
   linkType: hard
 
 "@graphql-tools/executor-http@npm:^1.0.0, @graphql-tools/executor-http@npm:^1.0.5, @graphql-tools/executor-http@npm:^1.0.6":
-  version: 1.0.7
-  resolution: "@graphql-tools/executor-http@npm:1.0.7"
+  version: 1.0.6
+  resolution: "@graphql-tools/executor-http@npm:1.0.6"
   dependencies:
     "@graphql-tools/utils": "npm:^10.0.2"
     "@repeaterjs/repeater": "npm:^3.0.4"
@@ -5211,7 +5302,7 @@ __metadata:
     value-or-promise: "npm:^1.0.12"
   peerDependencies:
     graphql: ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0
-  checksum: 10c0/dbe2d07fd4ce43ae4de9810706d8671e7174c58fe5555e985386bf39623ec1f532420fcce10c9b93d2a1e5c35cfeae34036a02653ef694d6a0dbfa17f798b8da
+  checksum: 10c0/b2a18600b866843ee65496cef0c8de3539f97aeb86adbe9e08a3b72cd19e97ec6f2afcf441b254b4b777b76334708df39b7bf476d18c77dcb473ab2949d9628d
   languageName: node
   linkType: hard
 
@@ -5518,7 +5609,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@graphql-tools/utils@npm:^10.0.0, @graphql-tools/utils@npm:^10.0.1, @graphql-tools/utils@npm:^10.0.10, @graphql-tools/utils@npm:^10.0.11, @graphql-tools/utils@npm:^10.0.12, @graphql-tools/utils@npm:^10.0.2, @graphql-tools/utils@npm:^10.0.5, @graphql-tools/utils@npm:^10.0.8":
+"@graphql-tools/utils@npm:^10.0.0, @graphql-tools/utils@npm:^10.0.1, @graphql-tools/utils@npm:^10.0.10, @graphql-tools/utils@npm:^10.0.11, @graphql-tools/utils@npm:^10.0.2, @graphql-tools/utils@npm:^10.0.5, @graphql-tools/utils@npm:^10.0.8":
   version: 10.0.12
   resolution: "@graphql-tools/utils@npm:10.0.12"
   dependencies:
@@ -5532,6 +5623,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@graphql-tools/utils@npm:^10.0.12":
+  version: 10.1.2
+  resolution: "@graphql-tools/utils@npm:10.1.2"
+  dependencies:
+    "@graphql-typed-document-node/core": "npm:^3.1.1"
+    cross-inspect: "npm:1.0.0"
+    dset: "npm:^3.1.2"
+    tslib: "npm:^2.4.0"
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0
+  checksum: 10c0/ae78ef4f6c8e58e0ca4023b66229ddd1263caee58ca8353cc4dca8ded5c751f4f2711ff9fbe830dbd84f05ae850db96c6098012644d47142b34ad2d4e96731ae
+  languageName: node
+  linkType: hard
+
 "@graphql-tools/utils@npm:^8.8.0":
   version: 8.13.1
   resolution: "@graphql-tools/utils@npm:8.13.1"
@@ -5589,13 +5694,13 @@ __metadata:
   linkType: hard
 
 "@graphql-yoga/plugin-persisted-operations@npm:^3.0.0":
-  version: 3.1.1
-  resolution: "@graphql-yoga/plugin-persisted-operations@npm:3.1.1"
+  version: 3.1.0
+  resolution: "@graphql-yoga/plugin-persisted-operations@npm:3.1.0"
   peerDependencies:
     "@graphql-tools/utils": ^10.0.0
     graphql: ^15.2.0 || ^16.0.0
-    graphql-yoga: ^5.1.1
-  checksum: 10c0/19c00017f75df4aed065d30e67da5728a1ef6ee852dd7f30c052628b465e8d3e1a24c4ed70995d6ca2018b750649cea5e5902eadf0c75a2c65c7e487dd295169
+    graphql-yoga: ^5.1.0
+  checksum: 10c0/fe4714d860e7581160d8f3250cdb8006224726e9927401975ef0929116e234738c3d102ac7772c5b8b890e8f8678d7f07cbd684259a3ca5af0624c2befa0fced
   languageName: node
   linkType: hard
 
@@ -6253,7 +6358,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@lingui/core@npm:4.7.0, @lingui/core@npm:^4.7.0":
+"@lingui/conf@npm:4.7.1":
+  version: 4.7.1
+  resolution: "@lingui/conf@npm:4.7.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.20.13"
+    chalk: "npm:^4.1.0"
+    cosmiconfig: "npm:^8.0.0"
+    jest-validate: "npm:^29.4.3"
+    jiti: "npm:^1.17.1"
+    lodash.get: "npm:^4.4.2"
+  checksum: 10c0/8ee4db36758d89292fd9de5a5896e5feff9b6f2358bd2b24bb956ced13fd354a965f2d82cabf02aeeae92122cab878d630af1a3bd9b6b780ef83b5af2a229cd0
+  languageName: node
+  linkType: hard
+
+"@lingui/core@npm:4.7.0":
   version: 4.7.0
   resolution: "@lingui/core@npm:4.7.0"
   dependencies:
@@ -6264,6 +6383,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@lingui/core@npm:4.7.1, @lingui/core@npm:^4.7.0":
+  version: 4.7.1
+  resolution: "@lingui/core@npm:4.7.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.20.13"
+    "@lingui/message-utils": "npm:4.7.1"
+    unraw: "npm:^3.0.0"
+  checksum: 10c0/089f7fdba45159431e44fc989bb1b5e6a872dd49653527af9ecef354d3c1f882155bb5d15d996e26616d63a6d5ce241974dc6d46d942f961ea71837213bad5d5
+  languageName: node
+  linkType: hard
+
 "@lingui/format-po@npm:4.7.0":
   version: 4.7.0
   resolution: "@lingui/format-po@npm:4.7.0"
@@ -6289,7 +6419,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@lingui/macro@npm:4.7.0, @lingui/macro@npm:^4.7.0":
+"@lingui/macro@npm:4.7.0":
   version: 4.7.0
   resolution: "@lingui/macro@npm:4.7.0"
   dependencies:
@@ -6305,6 +6435,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@lingui/macro@npm:^4.7.0":
+  version: 4.7.1
+  resolution: "@lingui/macro@npm:4.7.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.20.13"
+    "@babel/types": "npm:^7.20.7"
+    "@lingui/conf": "npm:4.7.1"
+    "@lingui/core": "npm:4.7.1"
+    "@lingui/message-utils": "npm:4.7.1"
+  peerDependencies:
+    "@lingui/react": ^4.0.0
+    babel-plugin-macros: 2 || 3
+  checksum: 10c0/9c2805d03d768f6443feb34e834c782d500c338abdff9d1568126bb207bebf9e7ae5253c56955c6cd1b9f647d932be83afd74ab8f29e3cea3b23fda283b14fa4
+  languageName: node
+  linkType: hard
+
 "@lingui/message-utils@npm:4.7.0":
   version: 4.7.0
   resolution: "@lingui/message-utils@npm:4.7.0"
@@ -6315,7 +6461,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@lingui/react@npm:4.7.0, @lingui/react@npm:^4.7.0":
+"@lingui/message-utils@npm:4.7.1":
+  version: 4.7.1
+  resolution: "@lingui/message-utils@npm:4.7.1"
+  dependencies:
+    "@messageformat/parser": "npm:^5.0.0"
+    js-sha256: "npm:^0.10.1"
+  checksum: 10c0/9ca6e20a3c9f34574012b67871dca27c9fb3a0e5403453f4e23e91f79e2e18adce43c03bb9376b9f22ba0f4a45f017e3603931b7b4509ea8d0c8bdd29ee58879
+  languageName: node
+  linkType: hard
+
+"@lingui/react@npm:4.7.0":
   version: 4.7.0
   resolution: "@lingui/react@npm:4.7.0"
   dependencies:
@@ -6327,6 +6483,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@lingui/react@npm:^4.7.0":
+  version: 4.7.1
+  resolution: "@lingui/react@npm:4.7.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.20.13"
+    "@lingui/core": "npm:4.7.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 10c0/7d3c2a9d0f3b8c9ebb609e4c563aaf0ea64466ca53fdd27f53d336b1d91369a117221f21394c8978f70e2af7ce466bbe0e57cf645a75a253eec5f2fd606165c7
+  languageName: node
+  linkType: hard
+
 "@lingui/swc-plugin@npm:4.0.4":
   version: 4.0.4
   resolution: "@lingui/swc-plugin@npm:4.0.4"
@@ -6397,12 +6565,12 @@ __metadata:
   linkType: hard
 
 "@maxim_mazurok/gapi.client.tagmanager-v2@npm:latest":
-  version: 0.0.20240117
-  resolution: "@maxim_mazurok/gapi.client.tagmanager-v2@npm:0.0.20240117"
+  version: 0.0.20231129
+  resolution: "@maxim_mazurok/gapi.client.tagmanager-v2@npm:0.0.20231129"
   dependencies:
     "@types/gapi.client": "npm:*"
     "@types/gapi.client.discovery-v1": "npm:*"
-  checksum: 10c0/3a9b165174f5c571e9944b01221f056c4756fd613ebca0fe5fc4b21240ffaf159a1967ce758df974abef2f27c60490eb732af00b2abf5d35f7b804d1d6536cbb
+  checksum: 10c0/46a274e74a196a7bef74fb3b0172e5b093b60d4ca0bde090d91dd2eaf75c4c384f9596d51df7abb0b3ad74f57c187da4d08bd4fa138510ded2c15605cca0ec32
   languageName: node
   linkType: hard
 
@@ -6438,9 +6606,9 @@ __metadata:
   linkType: hard
 
 "@mui/core-downloads-tracker@npm:^5.15.5":
-  version: 5.15.5
-  resolution: "@mui/core-downloads-tracker@npm:5.15.5"
-  checksum: 10c0/f17f3ee76c833a4f467603a16b1c1428430b16047ad4fb08db1bfb2d3ed6e548184823e1f3c9fe336b39490c6d4e6bad1259cdf1e576efc21f15368fd2817318
+  version: 5.15.14
+  resolution: "@mui/core-downloads-tracker@npm:5.15.14"
+  checksum: 10c0/9b0845b6071d5fbdacd0bbeba0aa913b2a9c1df3a993a1328bb7ff971aa75f6b69f6c779880303fe836d36ade3471278aff5ee17928c3cf45853d7ee4e815440
   languageName: node
   linkType: hard
 
@@ -6506,12 +6674,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/private-theming@npm:^5.15.5":
-  version: 5.15.5
-  resolution: "@mui/private-theming@npm:5.15.5"
+"@mui/private-theming@npm:^5.15.14":
+  version: 5.15.14
+  resolution: "@mui/private-theming@npm:5.15.14"
   dependencies:
-    "@babel/runtime": "npm:^7.23.8"
-    "@mui/utils": "npm:^5.15.5"
+    "@babel/runtime": "npm:^7.23.9"
+    "@mui/utils": "npm:^5.15.14"
     prop-types: "npm:^15.8.1"
   peerDependencies:
     "@types/react": ^17.0.0 || ^18.0.0
@@ -6519,17 +6687,17 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10c0/04a5dd7e63cd216a5a5362d65303037e0cfc3851f9d9a6fc6c6e8771061107d6b177f723550c73ee1795586365da6637ff658b9c4ef9bf52493dc47fad35aae4
+  checksum: 10c0/28889505874f03e2aeeb147bc5eefcc537825a91ab9c771a5e60ea0df1eab760e900a3a50fec55b25bc9087e9030be37adbe1acdd81a3e2fcca5a1e0cf5979ec
   languageName: node
   linkType: hard
 
-"@mui/styled-engine@npm:^5.15.5":
-  version: 5.15.5
-  resolution: "@mui/styled-engine@npm:5.15.5"
+"@mui/styled-engine@npm:^5.15.14":
+  version: 5.15.14
+  resolution: "@mui/styled-engine@npm:5.15.14"
   dependencies:
-    "@babel/runtime": "npm:^7.23.8"
+    "@babel/runtime": "npm:^7.23.9"
     "@emotion/cache": "npm:^11.11.0"
-    csstype: "npm:^3.1.2"
+    csstype: "npm:^3.1.3"
     prop-types: "npm:^15.8.1"
   peerDependencies:
     "@emotion/react": ^11.4.1
@@ -6540,21 +6708,21 @@ __metadata:
       optional: true
     "@emotion/styled":
       optional: true
-  checksum: 10c0/d3a72b349b67d8e63aefd88dd3924c44a7c394aad7070798b0df1f1952d9b04cbc3a68d823cfd3e165057f81e9866e778b363d864f67a8230e2378e62dab3fd8
+  checksum: 10c0/0d262ea0b3c117f865af1cd52b992592c24432e491b35e712159bb49adfd776ee9a532abbc4ab08889f308e75d30082a0fee809119d5d61a82b3277212655319
   languageName: node
   linkType: hard
 
 "@mui/system@npm:^5.15.5":
-  version: 5.15.5
-  resolution: "@mui/system@npm:5.15.5"
-  dependencies:
-    "@babel/runtime": "npm:^7.23.8"
-    "@mui/private-theming": "npm:^5.15.5"
-    "@mui/styled-engine": "npm:^5.15.5"
-    "@mui/types": "npm:^7.2.13"
-    "@mui/utils": "npm:^5.15.5"
+  version: 5.15.14
+  resolution: "@mui/system@npm:5.15.14"
+  dependencies:
+    "@babel/runtime": "npm:^7.23.9"
+    "@mui/private-theming": "npm:^5.15.14"
+    "@mui/styled-engine": "npm:^5.15.14"
+    "@mui/types": "npm:^7.2.14"
+    "@mui/utils": "npm:^5.15.14"
     clsx: "npm:^2.1.0"
-    csstype: "npm:^3.1.2"
+    csstype: "npm:^3.1.3"
     prop-types: "npm:^15.8.1"
   peerDependencies:
     "@emotion/react": ^11.5.0
@@ -6568,27 +6736,27 @@ __metadata:
       optional: true
     "@types/react":
       optional: true
-  checksum: 10c0/549b1dc60affffe6c3723775b0beee880ca387b1b4f36764333acafa60bdb814f51bb7befdbc2862c39f9151bf83b94250723db514f0c50017d0dcfffc62a9e6
+  checksum: 10c0/42efdaaf42e63109fd0b8de8f316716e23532fcccba1e536d64a48242bfeafe772790c9f901776f6835382c7d596c57ecc7e90dd3f3d5a07976ddb6176f25bcb
   languageName: node
   linkType: hard
 
-"@mui/types@npm:^7.2.13":
-  version: 7.2.13
-  resolution: "@mui/types@npm:7.2.13"
+"@mui/types@npm:^7.2.13, @mui/types@npm:^7.2.14":
+  version: 7.2.14
+  resolution: "@mui/types@npm:7.2.14"
   peerDependencies:
     "@types/react": ^17.0.0 || ^18.0.0
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10c0/4d0014cabf9efda8cfcbdcb01435af7e678c60cf73f808da857c50a795d3b9943a1209d6501a9be173ce692cd8739803b0857166969206eceefeafe1aa8a5d3a
+  checksum: 10c0/d4e0a9fce4bddfb5e0b7b6be1b15b591df33bb90ef0087e4bd5fe85f00f62776c7ed0e4698e7fb43213e1f04064aac1695b53ca52aaeaee7dbba248a792bdd1e
   languageName: node
   linkType: hard
 
-"@mui/utils@npm:^5.15.5":
-  version: 5.15.5
-  resolution: "@mui/utils@npm:5.15.5"
+"@mui/utils@npm:^5.15.14, @mui/utils@npm:^5.15.5":
+  version: 5.15.14
+  resolution: "@mui/utils@npm:5.15.14"
   dependencies:
-    "@babel/runtime": "npm:^7.23.8"
+    "@babel/runtime": "npm:^7.23.9"
     "@types/prop-types": "npm:^15.7.11"
     prop-types: "npm:^15.8.1"
     react-is: "npm:^18.2.0"
@@ -6598,7 +6766,7 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10c0/9204433e0dfb0a73b86e7ac66a19c4aaf9bb5422cae99a97436ff6451afaf2a9a976b8241e4fb9d17cd74b99ecc01e0dd259a822152854322893b06301c45598
+  checksum: 10c0/36265988477637a011361456b40929de928e215466b72e6c48673a2088610d83e09960a3e0608100448910683079fc80a5e11dbf49b9ce7109dd8e49403ae3b3
   languageName: node
   linkType: hard
 
@@ -7194,8 +7362,8 @@ __metadata:
   linkType: hard
 
 "@testing-library/jest-dom@npm:^6.2.0":
-  version: 6.2.0
-  resolution: "@testing-library/jest-dom@npm:6.2.0"
+  version: 6.4.2
+  resolution: "@testing-library/jest-dom@npm:6.4.2"
   dependencies:
     "@adobe/css-tools": "npm:^4.3.2"
     "@babel/runtime": "npm:^7.9.2"
@@ -7207,19 +7375,22 @@ __metadata:
     redent: "npm:^3.0.0"
   peerDependencies:
     "@jest/globals": ">= 28"
+    "@types/bun": "*"
     "@types/jest": ">= 28"
     jest: ">= 28"
     vitest: ">= 0.32"
   peerDependenciesMeta:
     "@jest/globals":
       optional: true
+    "@types/bun":
+      optional: true
     "@types/jest":
       optional: true
     jest:
       optional: true
     vitest:
       optional: true
-  checksum: 10c0/71421693e0ad6a46be7d16f00b58a45725c238693972b8b5b1fd9ab797902ccf1209cf259afe8da1bf59d7c958762c46ee85d1aa5b164a5ec330981ea2376b08
+  checksum: 10c0/e7eba527b34ce30cde94424d2ec685bdfed51daaafb7df9b68b51aec6052e99a50c8bfe654612dacdf857a1eb81d68cf294fc89de558ee3a992bf7a6019fffcc
   languageName: node
   linkType: hard
 
@@ -7381,12 +7552,12 @@ __metadata:
   linkType: hard
 
 "@types/eslint@npm:*":
-  version: 8.56.2
-  resolution: "@types/eslint@npm:8.56.2"
+  version: 8.56.1
+  resolution: "@types/eslint@npm:8.56.1"
   dependencies:
     "@types/estree": "npm:*"
     "@types/json-schema": "npm:*"
-  checksum: 10c0/e33ca87a30a9454ba9943e1270ac759996f5fe598a1c1afbaec1d1e7346a339e20bf2a9d81f177067116bbaa6cfa4f748993cb338f57978ae862ad38ffae56fe
+  checksum: 10c0/a2aa5e2ec16f07944a60b825d6447d66f83369783e31c014ccf582fa92df963aa8d62c447a8fdc4fbfcd7299ad74ed1a753e06e560ce184eab4efceccfa66262
   languageName: node
   linkType: hard
 
@@ -7615,11 +7786,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:*":
-  version: 20.11.5
-  resolution: "@types/node@npm:20.11.5"
+  version: 20.10.6
+  resolution: "@types/node@npm:20.10.6"
   dependencies:
     undici-types: "npm:~5.26.4"
-  checksum: 10c0/6d18cec852f5cfbed3ec42b5c01c026e7a3f9da540d6e3d6738d4cee9979fb308cf27b6df7ba40a6553e7bc82e678f0ef53ba6e6ad52e5b86bd97b7783c2a42c
+  checksum: 10c0/6692ccfa8552ef60c4069fda3c8de726c23e8d403cdf788e3c7efa769987e80fbda5f02723dd857f9de7df24a5fa40b3ed4580ec3c5cbac04eba44cf7b2ab1dc
   languageName: node
   linkType: hard
 
@@ -7631,11 +7802,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:^18":
-  version: 18.19.8
-  resolution: "@types/node@npm:18.19.8"
+  version: 18.19.4
+  resolution: "@types/node@npm:18.19.4"
   dependencies:
     undici-types: "npm:~5.26.4"
-  checksum: 10c0/bb50ba373053869da1ec43cbcd824626262b984467992e6b2119613fc02f4c0c5aae43550ee66316dd428178727fe51c749ca030b31615332ecbac4572edae4a
+  checksum: 10c0/e395bf591e79bd91c0819e7bee39c56e881399da2ca37fba5a59194ff28941fb8ed663c3fb4fba89465842720d916110dee9b774a3e4aecbe08b9e1ada4ab4fe
   languageName: node
   linkType: hard
 
@@ -7692,11 +7863,11 @@ __metadata:
   linkType: hard
 
 "@types/react-dom@npm:^18.0.0, @types/react-dom@npm:^18.2.18":
-  version: 18.2.18
-  resolution: "@types/react-dom@npm:18.2.18"
+  version: 18.2.22
+  resolution: "@types/react-dom@npm:18.2.22"
   dependencies:
     "@types/react": "npm:*"
-  checksum: 10c0/74dba11a1b8156f3a763f3fca1fb4ec1dcd349153279b8bf79210024a69f994bf2cf0728198c047f8130c5318420ea56281b0a4ef84c8ae943cd9a0cac705220
+  checksum: 10c0/cd85b5f402126e44b8c7b573e74737389816abcc931b2b14d8f946ba81cce8637ea490419488fcae842efb1e2f69853bc30522e43fd8359e1007d4d14b8d8146
   languageName: node
   linkType: hard
 
@@ -7719,13 +7890,13 @@ __metadata:
   linkType: hard
 
 "@types/react@npm:*, @types/react@npm:^18.2.48":
-  version: 18.2.48
-  resolution: "@types/react@npm:18.2.48"
+  version: 18.2.71
+  resolution: "@types/react@npm:18.2.71"
   dependencies:
     "@types/prop-types": "npm:*"
     "@types/scheduler": "npm:*"
     csstype: "npm:^3.0.2"
-  checksum: 10c0/7e89f18ea2928b1638f564b156d692894dcb9352a7e0a807873c97e858abe1f23dbd165a25dd088a991344e973fdeef88ba5724bfb64504b74072cbc9c220c3a
+  checksum: 10c0/0b2fc05a33aa83f09880c1172f6112450fa507ea56a168521172161e057277a8a474ff2fae02fa4910ce74853d7b5cff560586f912a0c9d8102cfd316bdb1b19
   languageName: node
   linkType: hard
 
@@ -7740,9 +7911,9 @@ __metadata:
   linkType: hard
 
 "@types/relay-runtime@npm:*":
-  version: 14.1.22
-  resolution: "@types/relay-runtime@npm:14.1.22"
-  checksum: 10c0/a21361ff147e96d5baf18cbfdbec9bf8617f348a6e3be296e9b6ff306eacbe0fe35252cce016492759a70a39c4f3a8f540e951dcb7efc51f18ea424900f7baf4
+  version: 14.1.21
+  resolution: "@types/relay-runtime@npm:14.1.21"
+  checksum: 10c0/870a7475deffa7e2021931ff608329dbf1c49c4b0d92d0df0d9f3e833798f82dcf21b35c62cfcbbdba4250727d877ef14e5d5b093846f4e3ce866d51c56a9142
   languageName: node
   linkType: hard
 
@@ -7823,14 +7994,14 @@ __metadata:
   linkType: hard
 
 "@typescript-eslint/eslint-plugin@npm:^6.19.0":
-  version: 6.19.0
-  resolution: "@typescript-eslint/eslint-plugin@npm:6.19.0"
+  version: 6.21.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:6.21.0"
   dependencies:
     "@eslint-community/regexpp": "npm:^4.5.1"
-    "@typescript-eslint/scope-manager": "npm:6.19.0"
-    "@typescript-eslint/type-utils": "npm:6.19.0"
-    "@typescript-eslint/utils": "npm:6.19.0"
-    "@typescript-eslint/visitor-keys": "npm:6.19.0"
+    "@typescript-eslint/scope-manager": "npm:6.21.0"
+    "@typescript-eslint/type-utils": "npm:6.21.0"
+    "@typescript-eslint/utils": "npm:6.21.0"
+    "@typescript-eslint/visitor-keys": "npm:6.21.0"
     debug: "npm:^4.3.4"
     graphemer: "npm:^1.4.0"
     ignore: "npm:^5.2.4"
@@ -7843,44 +8014,44 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/ab1a5ace6663b0c6d2418e321328fa28aa4bdc4b5fae257addec01346fb3a9c2d3a2960ade0f7114e6974c513a28632c9e8e602333cc0fab3135c445babdef59
+  checksum: 10c0/f911a79ee64d642f814a3b6cdb0d324b5f45d9ef955c5033e78903f626b7239b4aa773e464a38c3e667519066169d983538f2bf8e5d00228af587c9d438fb344
   languageName: node
   linkType: hard
 
 "@typescript-eslint/parser@npm:^6.19.0":
-  version: 6.19.0
-  resolution: "@typescript-eslint/parser@npm:6.19.0"
+  version: 6.21.0
+  resolution: "@typescript-eslint/parser@npm:6.21.0"
   dependencies:
-    "@typescript-eslint/scope-manager": "npm:6.19.0"
-    "@typescript-eslint/types": "npm:6.19.0"
-    "@typescript-eslint/typescript-estree": "npm:6.19.0"
-    "@typescript-eslint/visitor-keys": "npm:6.19.0"
+    "@typescript-eslint/scope-manager": "npm:6.21.0"
+    "@typescript-eslint/types": "npm:6.21.0"
+    "@typescript-eslint/typescript-estree": "npm:6.21.0"
+    "@typescript-eslint/visitor-keys": "npm:6.21.0"
     debug: "npm:^4.3.4"
   peerDependencies:
     eslint: ^7.0.0 || ^8.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/d547bfb1aaed112cfc0f9f0be8506a280952ba3b61be42b749352139361bd94e4a47fa043d819e19c6a498cacbd8bb36a46e3628c436a7e2009e7ac27afc8861
+  checksum: 10c0/a8f99820679decd0d115c0af61903fb1de3b1b5bec412dc72b67670bf636de77ab07f2a68ee65d6da7976039bbf636907f9d5ca546db3f0b98a31ffbc225bc7d
   languageName: node
   linkType: hard
 
-"@typescript-eslint/scope-manager@npm:6.19.0":
-  version: 6.19.0
-  resolution: "@typescript-eslint/scope-manager@npm:6.19.0"
+"@typescript-eslint/scope-manager@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/scope-manager@npm:6.21.0"
   dependencies:
-    "@typescript-eslint/types": "npm:6.19.0"
-    "@typescript-eslint/visitor-keys": "npm:6.19.0"
-  checksum: 10c0/1ec7b9dedca7975f0aa4543c1c382f7d6131411bd443a5f9b96f137acb6adb450888ed13c95f6d26546b682b2e0579ce8a1c883fdbe2255dc0b61052193b8243
+    "@typescript-eslint/types": "npm:6.21.0"
+    "@typescript-eslint/visitor-keys": "npm:6.21.0"
+  checksum: 10c0/eaf868938d811cbbea33e97e44ba7050d2b6892202cea6a9622c486b85ab1cf801979edf78036179a8ba4ac26f1dfdf7fcc83a68c1ff66be0b3a8e9a9989b526
   languageName: node
   linkType: hard
 
-"@typescript-eslint/type-utils@npm:6.19.0":
-  version: 6.19.0
-  resolution: "@typescript-eslint/type-utils@npm:6.19.0"
+"@typescript-eslint/type-utils@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/type-utils@npm:6.21.0"
   dependencies:
-    "@typescript-eslint/typescript-estree": "npm:6.19.0"
-    "@typescript-eslint/utils": "npm:6.19.0"
+    "@typescript-eslint/typescript-estree": "npm:6.21.0"
+    "@typescript-eslint/utils": "npm:6.21.0"
     debug: "npm:^4.3.4"
     ts-api-utils: "npm:^1.0.1"
   peerDependencies:
@@ -7888,23 +8059,23 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/5b146b985481e587122026c703ac9f537ad7e90eee1dca814971bca0d7e4a5d4ff9861fb4bf749014c28c6a4fbb4a01a4527355961315eb9501f3569f8e8dd38
+  checksum: 10c0/7409c97d1c4a4386b488962739c4f1b5b04dc60cf51f8cd88e6b12541f84d84c6b8b67e491a147a2c95f9ec486539bf4519fb9d418411aef6537b9c156468117
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:6.19.0":
-  version: 6.19.0
-  resolution: "@typescript-eslint/types@npm:6.19.0"
-  checksum: 10c0/6f81860a3c14df55232c2e6dec21fb166867b9f30b3c3369b325aef5ee1c7e41e827c0504654daa49c8ff1a3a9ca9d9bfe76786882b6212a7c1b58991a9c80b9
+"@typescript-eslint/types@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/types@npm:6.21.0"
+  checksum: 10c0/020631d3223bbcff8a0da3efbdf058220a8f48a3de221563996ad1dcc30d6c08dadc3f7608cc08830d21c0d565efd2db19b557b9528921c78aabb605eef2d74d
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:6.19.0":
-  version: 6.19.0
-  resolution: "@typescript-eslint/typescript-estree@npm:6.19.0"
+"@typescript-eslint/typescript-estree@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/typescript-estree@npm:6.21.0"
   dependencies:
-    "@typescript-eslint/types": "npm:6.19.0"
-    "@typescript-eslint/visitor-keys": "npm:6.19.0"
+    "@typescript-eslint/types": "npm:6.21.0"
+    "@typescript-eslint/visitor-keys": "npm:6.21.0"
     debug: "npm:^4.3.4"
     globby: "npm:^11.1.0"
     is-glob: "npm:^4.0.3"
@@ -7914,34 +8085,34 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/5b365f009e43c7beafdbb7d8ecad78ee1087b0a4338cd9ec695eed514b7b4c1089e56239761139ddae629ec0ce8d428840c6ebfeea3618d2efe00c84f8794da5
+  checksum: 10c0/af1438c60f080045ebb330155a8c9bb90db345d5069cdd5d01b67de502abb7449d6c75500519df829f913a6b3f490ade3e8215279b6bdc63d0fb0ae61034df5f
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:6.19.0":
-  version: 6.19.0
-  resolution: "@typescript-eslint/utils@npm:6.19.0"
+"@typescript-eslint/utils@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/utils@npm:6.21.0"
   dependencies:
     "@eslint-community/eslint-utils": "npm:^4.4.0"
     "@types/json-schema": "npm:^7.0.12"
     "@types/semver": "npm:^7.5.0"
-    "@typescript-eslint/scope-manager": "npm:6.19.0"
-    "@typescript-eslint/types": "npm:6.19.0"
-    "@typescript-eslint/typescript-estree": "npm:6.19.0"
+    "@typescript-eslint/scope-manager": "npm:6.21.0"
+    "@typescript-eslint/types": "npm:6.21.0"
+    "@typescript-eslint/typescript-estree": "npm:6.21.0"
     semver: "npm:^7.5.4"
   peerDependencies:
     eslint: ^7.0.0 || ^8.0.0
-  checksum: 10c0/343ff4cd4f7e102df8c46b41254d017a33d95df76455531fda679fdb92aebb9c111df8ee9ab54972e73c1e8fad9dd7e421001233f0aee8115384462b0821852e
+  checksum: 10c0/ab2df3833b2582d4e5467a484d08942b4f2f7208f8e09d67de510008eb8001a9b7460f2f9ba11c12086fd3cdcac0c626761c7995c2c6b5657d5fa6b82030a32d
   languageName: node
   linkType: hard
 
-"@typescript-eslint/visitor-keys@npm:6.19.0":
-  version: 6.19.0
-  resolution: "@typescript-eslint/visitor-keys@npm:6.19.0"
+"@typescript-eslint/visitor-keys@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/visitor-keys@npm:6.21.0"
   dependencies:
-    "@typescript-eslint/types": "npm:6.19.0"
+    "@typescript-eslint/types": "npm:6.21.0"
     eslint-visitor-keys: "npm:^3.4.1"
-  checksum: 10c0/bb34e922e018aadf34866995ea5949d6623f184cc4f6470ab05767dd208ffabb003b7dc3872199714574b7f10afe89d49c6f89a4e8d086edea82be73e189f1bb
+  checksum: 10c0/7395f69739cfa1cb83c1fb2fad30afa2a814756367302fb4facd5893eff66abc807e8d8f63eba94ed3b0fe0c1c996ac9a1680bcbf0f83717acedc3f2bb724fbf
   languageName: node
   linkType: hard
 
@@ -8130,7 +8301,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@whatwg-node/fetch@npm:^0.9.0, @whatwg-node/fetch@npm:^0.9.10, @whatwg-node/fetch@npm:^0.9.13, @whatwg-node/fetch@npm:^0.9.15, @whatwg-node/fetch@npm:^0.9.7":
+"@whatwg-node/fetch@npm:^0.9.0, @whatwg-node/fetch@npm:^0.9.10, @whatwg-node/fetch@npm:^0.9.13, @whatwg-node/fetch@npm:^0.9.7":
   version: 0.9.15
   resolution: "@whatwg-node/fetch@npm:0.9.15"
   dependencies:
@@ -8140,6 +8311,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@whatwg-node/fetch@npm:^0.9.15":
+  version: 0.9.17
+  resolution: "@whatwg-node/fetch@npm:0.9.17"
+  dependencies:
+    "@whatwg-node/node-fetch": "npm:^0.5.7"
+    urlpattern-polyfill: "npm:^10.0.0"
+  checksum: 10c0/6638f1d456d17c9eab55f6278aa8045157ceb43a27acc65def1b7a2a3b80ef1b79f4c203e523865c9bcf1236ef64e1378ab0627e91932c97e9f1f3a129b17195
+  languageName: node
+  linkType: hard
+
 "@whatwg-node/node-fetch@npm:^0.3.6":
   version: 0.3.6
   resolution: "@whatwg-node/node-fetch@npm:0.3.6"
@@ -8154,15 +8335,28 @@ __metadata:
   linkType: hard
 
 "@whatwg-node/node-fetch@npm:^0.5.0":
-  version: 0.5.4
-  resolution: "@whatwg-node/node-fetch@npm:0.5.4"
+  version: 0.5.3
+  resolution: "@whatwg-node/node-fetch@npm:0.5.3"
   dependencies:
     "@kamilkisiela/fast-url-parser": "npm:^1.1.4"
     "@whatwg-node/events": "npm:^0.1.0"
     busboy: "npm:^1.6.0"
     fast-querystring: "npm:^1.1.1"
     tslib: "npm:^2.3.1"
-  checksum: 10c0/1f8f699a2a78dfcc4438402e004c41d94dd76226c52e6cab31fbad34ebcf4fd19035dc966b8f12bdcedfa6123ab8429429d2b79414b1e20588551e20a96576b3
+  checksum: 10c0/8a2f2c5a4138b734a45db93899fe5304e7b7821d4a8708bcd10ad860988381acb76907d2b21aa867f784760393c9da68105e8052b7e371d9acf208c9668822b2
+  languageName: node
+  linkType: hard
+
+"@whatwg-node/node-fetch@npm:^0.5.7":
+  version: 0.5.10
+  resolution: "@whatwg-node/node-fetch@npm:0.5.10"
+  dependencies:
+    "@kamilkisiela/fast-url-parser": "npm:^1.1.4"
+    "@whatwg-node/events": "npm:^0.1.0"
+    busboy: "npm:^1.6.0"
+    fast-querystring: "npm:^1.1.1"
+    tslib: "npm:^2.3.1"
+  checksum: 10c0/7b11e8848433bda4f9f9c5030df04f7a830555b36cd8b21fbdc33492d4f0f394f83e4a981d33d35d7dee54becae7cd71e8153d5a19512f2cd2d91868bf6c97a0
   languageName: node
   linkType: hard
 
@@ -8263,6 +8457,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"abort-controller@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "abort-controller@npm:3.0.0"
+  dependencies:
+    event-target-shim: "npm:^5.0.0"
+  checksum: 10c0/90ccc50f010250152509a344eb2e71977fbf8db0ab8f1061197e3275ddf6c61a41a6edfd7b9409c664513131dd96e962065415325ef23efa5db931b382d24ca5
+  languageName: node
+  linkType: hard
+
 "acorn-globals@npm:^7.0.0":
   version: 7.0.1
   resolution: "acorn-globals@npm:7.0.1"
@@ -8292,9 +8495,9 @@ __metadata:
   linkType: hard
 
 "acorn-walk@npm:^8.0.2, acorn-walk@npm:^8.1.1":
-  version: 8.3.2
-  resolution: "acorn-walk@npm:8.3.2"
-  checksum: 10c0/7e2a8dad5480df7f872569b9dccff2f3da7e65f5353686b1d6032ab9f4ddf6e3a2cb83a9b52cf50b1497fd522154dda92f0abf7153290cc79cd14721ff121e52
+  version: 8.3.1
+  resolution: "acorn-walk@npm:8.3.1"
+  checksum: 10c0/a23d2f7c6b6cad617f4c77f14dfeb062a239208d61753e9ba808d916c550add92b39535467d2e6028280761ac4f5a904cc9df21530b84d3f834e3edef74ddde5
   languageName: node
   linkType: hard
 
@@ -8500,9 +8703,12 @@ __metadata:
   linkType: hard
 
 "are-we-there-yet@npm:^4.0.0":
-  version: 4.0.2
-  resolution: "are-we-there-yet@npm:4.0.2"
-  checksum: 10c0/376204f6f07ee7a5f081f5043c92c4c39fd9984278486e0c7c60e74cfc61dc206d2363a2086610f6b95399d9dc3c193cec1832d0ce10666d567f64571c2dedf5
+  version: 4.0.1
+  resolution: "are-we-there-yet@npm:4.0.1"
+  dependencies:
+    delegates: "npm:^1.0.0"
+    readable-stream: "npm:^4.1.0"
+  checksum: 10c0/ca4c89c08236a7ecbb909c29d0a7b9e02e1df9b0e438a75b317aa6bdcd0392bb20ce5365c4af571923a6c8c835aa85d50bf1f80c60453b794ee3b02dcdfd39bb
   languageName: node
   linkType: hard
 
@@ -8811,15 +9017,15 @@ __metadata:
   linkType: hard
 
 "babel-plugin-polyfill-corejs2@npm:^0.4.7":
-  version: 0.4.8
-  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.8"
+  version: 0.4.7
+  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.7"
   dependencies:
     "@babel/compat-data": "npm:^7.22.6"
-    "@babel/helper-define-polyfill-provider": "npm:^0.5.0"
+    "@babel/helper-define-polyfill-provider": "npm:^0.4.4"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 10c0/843e7528de0e03a31a6f3837896a95f75b0b24b0294a077246282372279e974400b0bdd82399e8f9cbfe42c87ed56540fd71c33eafb7c8e8b9adac546ecc5fe5
+  checksum: 10c0/f80f7284ec72c63e7dd751e0bdf25e9978df195a79e0887470603bfdea13ee518d62573cf360bb1bc01b80819e54915dd5edce9cff14c52d0af5f984aa3d36a3
   languageName: node
   linkType: hard
 
@@ -8836,13 +9042,13 @@ __metadata:
   linkType: hard
 
 "babel-plugin-polyfill-regenerator@npm:^0.5.4":
-  version: 0.5.5
-  resolution: "babel-plugin-polyfill-regenerator@npm:0.5.5"
+  version: 0.5.4
+  resolution: "babel-plugin-polyfill-regenerator@npm:0.5.4"
   dependencies:
-    "@babel/helper-define-polyfill-provider": "npm:^0.5.0"
+    "@babel/helper-define-polyfill-provider": "npm:^0.4.4"
   peerDependencies:
     "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 10c0/2aab692582082d54e0df9f9373dca1b223e65b4e7e96440160f27ed8803d417a1fa08da550f08aa3820d2010329ca91b68e2b6e9bd7aed51c93d46dfe79629bb
+  checksum: 10c0/0b903f5fe2f8c487b4260935dfe60bd9a95bcaee7ae63958f063045093b16d4e8288c232199d411261300aa21f6b106a3cb83c42cc996de013b337f5825a79fe
   languageName: node
   linkType: hard
 
@@ -9028,15 +9234,15 @@ __metadata:
   linkType: hard
 
 "braintree-web@npm:^3.99.0":
-  version: 3.99.0
-  resolution: "braintree-web@npm:3.99.0"
+  version: 3.101.0
+  resolution: "braintree-web@npm:3.101.0"
   dependencies:
     "@braintree/asset-loader": "npm:0.4.4"
     "@braintree/browser-detection": "npm:1.17.1"
     "@braintree/event-emitter": "npm:0.4.1"
     "@braintree/extended-promise": "npm:0.4.1"
     "@braintree/iframer": "npm:1.1.0"
-    "@braintree/sanitize-url": "npm:6.0.4"
+    "@braintree/sanitize-url": "npm:7.0.1"
     "@braintree/uuid": "npm:0.1.0"
     "@braintree/wrap-promise": "npm:2.1.0"
     card-validator: "npm:8.1.1"
@@ -9045,7 +9251,7 @@ __metadata:
     inject-stylesheet: "npm:5.0.0"
     promise-polyfill: "npm:8.2.3"
     restricted-input: "npm:3.0.5"
-  checksum: 10c0/96933091b2d5b1958fa0522562bbf5c78e82b846e7bf4d429e57bd4aaa9db5ab1b87c7d583903dbd4415d0a55a7593b2e816c61b5e52d3b2a60fb2e8a6a3718a
+  checksum: 10c0/352908d9f4c9c625026f64b6c268cced1a2a2852c6ce99406e2b7f49daa9cd400f5db1908fa9bf5b2a0c0cdd0059dd31b90b6dea0dacd11cfa0954c92f0a17ad
   languageName: node
   linkType: hard
 
@@ -9114,6 +9320,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"buffer@npm:^6.0.3":
+  version: 6.0.3
+  resolution: "buffer@npm:6.0.3"
+  dependencies:
+    base64-js: "npm:^1.3.1"
+    ieee754: "npm:^1.2.1"
+  checksum: 10c0/2a905fbbcde73cc5d8bd18d1caa23715d5f83a5935867c2329f0ac06104204ba7947be098fe1317fbd8830e26090ff8e764f08cd14fefc977bb248c3487bcbd0
+  languageName: node
+  linkType: hard
+
 "builtin-modules@npm:^3.1.0":
   version: 3.3.0
   resolution: "builtin-modules@npm:3.3.0"
@@ -9131,8 +9347,8 @@ __metadata:
   linkType: hard
 
 "cacache@npm:^18.0.0":
-  version: 18.0.2
-  resolution: "cacache@npm:18.0.2"
+  version: 18.0.1
+  resolution: "cacache@npm:18.0.1"
   dependencies:
     "@npmcli/fs": "npm:^3.1.0"
     fs-minipass: "npm:^3.0.0"
@@ -9146,7 +9362,7 @@ __metadata:
     ssri: "npm:^10.0.0"
     tar: "npm:^6.1.11"
     unique-filename: "npm:^3.0.0"
-  checksum: 10c0/7992665305cc251a984f4fdbab1449d50e88c635bc43bf2785530c61d239c61b349e5734461baa461caaee65f040ab14e2d58e694f479c0810cffd181ba5eabc
+  checksum: 10c0/a31666805a80a8b16ad3f85faf66750275a9175a3480896f4f6d31b5d53ef190484fabd71bdb6d2ea5603c717fbef09f4af03d6a65b525c8ef0afaa44c361866
   languageName: node
   linkType: hard
 
@@ -9203,10 +9419,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.30001565, caniuse-lite@npm:^1.0.30001579":
-  version: 1.0.30001579
-  resolution: "caniuse-lite@npm:1.0.30001579"
-  checksum: 10c0/4003970f8d01a5fa314e39f4a21751dc750a530f3d19aed225e18e8e02892b590b8b0debfa0961eae9bc0e49b77bfb17cf30d2469540e428a8305e3cc9164fb8
+"caniuse-lite@npm:^1.0.30001565":
+  version: 1.0.30001572
+  resolution: "caniuse-lite@npm:1.0.30001572"
+  checksum: 10c0/7d02570fa576b158d96739f2c65ea3ad22e90a8b028a343902de1f13b7db8512144870f1d29ec5e9ae7189d96158d9643871b6e902e6680a06b27a9afe556da2
+  languageName: node
+  linkType: hard
+
+"caniuse-lite@npm:^1.0.30001579":
+  version: 1.0.30001600
+  resolution: "caniuse-lite@npm:1.0.30001600"
+  checksum: 10c0/b4f764db5d4f8cb3eb2827a170a20e6b2f4b8c3d80169efcf56bf3d6b8b3e6dd1c740141f0d0b10b2233f49ee8b496e2d1e044a36c54750a106bad2f6477f2db
   languageName: node
   linkType: hard
 
@@ -9927,7 +10150,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:^3.0.2, csstype@npm:^3.1.2":
+"csstype@npm:^3.0.2, csstype@npm:^3.1.2, csstype@npm:^3.1.3":
   version: 3.1.3
   resolution: "csstype@npm:3.1.3"
   checksum: 10c0/80c089d6f7e0c5b2bd83cf0539ab41474198579584fa10d86d0cafe0642202343cbc119e076a0b1aece191989477081415d66c9fefbf3c957fc2fc4b7009f248
@@ -10407,9 +10630,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.4.601":
-  version: 1.4.639
-  resolution: "electron-to-chromium@npm:1.4.639"
-  checksum: 10c0/229dc50664ea878b71d22778b672b6a1494dad0f98fc15f2691a76c0e308169247b89f9eafe7ff715bfd6d9d7044727fd76191e74da1916ee539ca7604f66487
+  version: 1.4.617
+  resolution: "electron-to-chromium@npm:1.4.617"
+  checksum: 10c0/ffc594fdf605abe613ef94e2baefec135f21971ff977207bbcb978e5dc0f2684d6667f549c125e064ff8972dec26a74f1447c9eca1c00c2279a51172dc6451c3
   languageName: node
   linkType: hard
 
@@ -11079,7 +11302,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"events@npm:^3.2.0":
+"event-target-shim@npm:^5.0.0":
+  version: 5.0.1
+  resolution: "event-target-shim@npm:5.0.1"
+  checksum: 10c0/0255d9f936215fd206156fd4caa9e8d35e62075d720dc7d847e89b417e5e62cf1ce6c9b4e0a1633a9256de0efefaf9f8d26924b1f3c8620cffb9db78e7d3076b
+  languageName: node
+  linkType: hard
+
+"events@npm:^3.2.0, events@npm:^3.3.0":
   version: 3.3.0
   resolution: "events@npm:3.3.0"
   checksum: 10c0/d6b6f2adbccbcda74ddbab52ed07db727ef52e31a61ed26db9feb7dc62af7fc8e060defa65e5f8af9449b86b52cc1a1f6a79f2eafcf4e62add2b7a1fa4a432f6
@@ -11459,9 +11689,9 @@ __metadata:
   linkType: hard
 
 "fp-ts@npm:^2.6.1":
-  version: 2.16.2
-  resolution: "fp-ts@npm:2.16.2"
-  checksum: 10c0/58b57b7e8cf7856de354d2e5855e1c0dee00ae719d5de739a60f201c7b31c2f6a501d333dfb875199a8649b29cfbe9fa6979df3e8aef87ef7b151179c2b59f6e
+  version: 2.16.1
+  resolution: "fp-ts@npm:2.16.1"
+  checksum: 10c0/16fcc7dc8a612ed8a2a339153bcc8745095eebf34ce7980507a9e3690b2c2aa2023c0caede48fd3d79068e271a6203d64416fa9db05613327f7c1a7546ba196d
   languageName: node
   linkType: hard
 
@@ -12000,8 +12230,8 @@ __metadata:
   linkType: hard
 
 "graphql-yoga@npm:^5.0.0":
-  version: 5.1.1
-  resolution: "graphql-yoga@npm:5.1.1"
+  version: 5.1.0
+  resolution: "graphql-yoga@npm:5.1.0"
   dependencies:
     "@envelop/core": "npm:^5.0.0"
     "@graphql-tools/executor": "npm:^1.0.0"
@@ -12016,7 +12246,7 @@ __metadata:
     tslib: "npm:^2.5.2"
   peerDependencies:
     graphql: ^15.2.0 || ^16.0.0
-  checksum: 10c0/282b46c3539528c767b08351a7ddc3e2a171c5f8187ffaa70aaff144607da97a48fba7af3c4e43e97c9bd724ad867fa1861ab795be17e7d89f5f12f8cc56eb11
+  checksum: 10c0/9814a12c279ea52050367a2c803d50669a180347e94ddd48bfc0579ecf0b0c686bcc824df564a47f5c280c91214779515e35955c00ccdee6ac60fe45bd7f69ed
   languageName: node
   linkType: hard
 
@@ -12064,7 +12294,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"has-property-descriptors@npm:^1.0.0, has-property-descriptors@npm:^1.0.1":
+"has-property-descriptors@npm:^1.0.0":
   version: 1.0.1
   resolution: "has-property-descriptors@npm:1.0.1"
   dependencies:
@@ -12291,7 +12521,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ieee754@npm:^1.1.13":
+"ieee754@npm:^1.1.13, ieee754@npm:^1.2.1":
   version: 1.2.1
   resolution: "ieee754@npm:1.2.1"
   checksum: 10c0/b0782ef5e0935b9f12883a2e2aa37baa75da6e66ce6515c168697b42160807d9330de9a32ec1ed73149aea02e0d822e572bca6f1e22bdcbd2149e13b050b17bb
@@ -13823,14 +14053,14 @@ __metadata:
   linkType: hard
 
 "json-stable-stringify@npm:^1.0.1, json-stable-stringify@npm:^1.0.2":
-  version: 1.1.1
-  resolution: "json-stable-stringify@npm:1.1.1"
+  version: 1.1.0
+  resolution: "json-stable-stringify@npm:1.1.0"
   dependencies:
     call-bind: "npm:^1.0.5"
     isarray: "npm:^2.0.5"
     jsonify: "npm:^0.0.1"
     object-keys: "npm:^1.1.1"
-  checksum: 10c0/3801e3eeccbd030afb970f54bea690a079cfea7d9ed206a1b17ca9367f4b7772c764bf77a48f03e56b50e5f7ee7d11c52339fe20d8d7ccead003e4ca69e4cfde
+  checksum: 10c0/8888ac86dbf55c1d494bdf40705171c30884686911c37383d3aab777754bf5c1d60dc7a4dfd67f32ba37b184da5c99948a382f1c2912895a35453002e253314b
   languageName: node
   linkType: hard
 
@@ -15687,9 +15917,9 @@ __metadata:
   linkType: hard
 
 "pathe@npm:^1.1.0":
-  version: 1.1.2
-  resolution: "pathe@npm:1.1.2"
-  checksum: 10c0/64ee0a4e587fb0f208d9777a6c56e4f9050039268faaaaecd50e959ef01bf847b7872785c36483fa5cdcdbdfdb31fef2ff222684d4fc21c330ab60395c681897
+  version: 1.1.1
+  resolution: "pathe@npm:1.1.1"
+  checksum: 10c0/3ae5a0529c3415d91c3ac9133f52cffea54a0dd46892fe059f4b80faf36fd207957d4594bdc87043b65d0761b1e5728f81f46bafff3b5302da4e2e48889b8c0e
   languageName: node
   linkType: hard
 
@@ -15957,6 +16187,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"process@npm:^0.11.10":
+  version: 0.11.10
+  resolution: "process@npm:0.11.10"
+  checksum: 10c0/40c3ce4b7e6d4b8c3355479df77aeed46f81b279818ccdc500124e6a5ab882c0cc81ff7ea16384873a95a74c4570b01b120f287abbdd4c877931460eca6084b3
+  languageName: node
+  linkType: hard
+
 "promise-polyfill@npm:8.2.3":
   version: 8.2.3
   resolution: "promise-polyfill@npm:8.2.3"
@@ -16137,11 +16374,11 @@ __metadata:
   linkType: hard
 
 "react-hook-form@npm:^7.49.3":
-  version: 7.49.3
-  resolution: "react-hook-form@npm:7.49.3"
+  version: 7.51.1
+  resolution: "react-hook-form@npm:7.51.1"
   peerDependencies:
     react: ^16.8.0 || ^17 || ^18
-  checksum: 10c0/f8e5b2dcc3d97c820b4fbac262d7e914d74f385f26f34da31b8efc6c0f32ba995f2a2330bdfd3d8b7c8b56a52349a0cbc0c0dbe9053b3971e5e0c78003dfb7f0
+  checksum: 10c0/f0acbf27fc548d3cd0e4db40b84d9dfe6c24209e4421fffbd422da15e32cc98f877ab0af9e06cb1deaf4205ec655b56020ff9f8b2bae6ada5e619890f174c374
   languageName: node
   linkType: hard
 
@@ -16281,6 +16518,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"readable-stream@npm:^4.1.0":
+  version: 4.5.2
+  resolution: "readable-stream@npm:4.5.2"
+  dependencies:
+    abort-controller: "npm:^3.0.0"
+    buffer: "npm:^6.0.3"
+    events: "npm:^3.3.0"
+    process: "npm:^0.11.10"
+    string_decoder: "npm:^1.3.0"
+  checksum: 10c0/a2c80e0e53aabd91d7df0330929e32d0a73219f9477dbbb18472f6fdd6a11a699fc5d172a1beff98d50eae4f1496c950ffa85b7cc2c4c196963f289a5f39275d
+  languageName: node
+  linkType: hard
+
 "readable-stream@npm:~1.0.17, readable-stream@npm:~1.0.27-1":
   version: 1.0.34
   resolution: "readable-stream@npm:1.0.34"
@@ -16577,9 +16827,9 @@ __metadata:
   linkType: hard
 
 "rfdc@npm:^1.3.0":
-  version: 1.3.1
-  resolution: "rfdc@npm:1.3.1"
-  checksum: 10c0/69f65e3ed30970f8055fac9fbbef9ce578800ca19554eab1dcbffe73a4b8aef536bc4248313889cf25e3b4e38b212c721eabe30856575bf2b2bc3d90f8ba93ef
+  version: 1.3.0
+  resolution: "rfdc@npm:1.3.0"
+  checksum: 10c0/a17fd7b81f42c7ae4cb932abd7b2f677b04cc462a03619fb46945ae1ccae17c3bc87c020ffdde1751cbfa8549860a2883486fdcabc9b9de3f3108af32b69a667
   languageName: node
   linkType: hard
 
@@ -16882,7 +17132,7 @@ __metadata:
     function-bind: "npm:^1.1.2"
     get-intrinsic: "npm:^1.2.2"
     gopd: "npm:^1.0.1"
-    has-property-descriptors: "npm:^1.0.1"
+    has-property-descriptors: "npm:^1.0.0"
   checksum: 10c0/b4fdf68bbfa9944284a9469c04e0d9cdb7924942fab75cd11fb61e8a7518f0d40bbbbc1b46871f648a93b97d170d8047fe3492cdadff066a8a8ae4ce68d0564a
   languageName: node
   linkType: hard
@@ -17440,7 +17690,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string_decoder@npm:^1.1.1":
+"string_decoder@npm:^1.1.1, string_decoder@npm:^1.3.0":
   version: 1.3.0
   resolution: "string_decoder@npm:1.3.0"
   dependencies:
@@ -17698,8 +17948,8 @@ __metadata:
   linkType: hard
 
 "terser@npm:^5.0.0, terser@npm:^5.16.8":
-  version: 5.27.0
-  resolution: "terser@npm:5.27.0"
+  version: 5.26.0
+  resolution: "terser@npm:5.26.0"
   dependencies:
     "@jridgewell/source-map": "npm:^0.3.3"
     acorn: "npm:^8.8.2"
@@ -17707,7 +17957,7 @@ __metadata:
     source-map-support: "npm:~0.5.20"
   bin:
     terser: bin/terser
-  checksum: 10c0/bed0d39d9a7f2b82c87173e48081c46426a8820ba1dcb864bbfccd2df2b7fb8498a7ea4c8ef045ccce5713b23a6b4c3a784967f1b9f3115adaa7f51712f6e6ae
+  checksum: 10c0/3906289c6bacd75804a47a583cdafefbd76c5edb39435369755c7b1592e57586fb2f4bddf6eb37a807d6e782171dbf0aa7bbdc80fd5b77b2f2b62196cac49b62
   languageName: node
   linkType: hard
 
@@ -18086,9 +18336,9 @@ __metadata:
   linkType: hard
 
 "type-fest@npm:^4.9.0":
-  version: 4.9.0
-  resolution: "type-fest@npm:4.9.0"
-  checksum: 10c0/7e6423f7337928a7323ce8a68cfbbaf30ecb70b9c635207899e58297d219c71be4a8c50b52afb9fe09c9f44b2c4276d0a44bb95acabab7bc942455f980aad267
+  version: 4.14.0
+  resolution: "type-fest@npm:4.14.0"
+  checksum: 10c0/97d03f8af58bf50b83016eb8178f19698ef930479e21fd4d4555ad4e3617d4aff0e4400f6ab2a350975f18fa6439e7248172f92dea9229cd5e9942a2daa48806
   languageName: node
   linkType: hard
 
@@ -18160,9 +18410,9 @@ __metadata:
   linkType: hard
 
 "uWebSockets.js@github:uNetworking/uWebSockets.js#semver:^20":
-  version: 20.40.0
-  resolution: "uWebSockets.js@https://github.com/uNetworking/uWebSockets.js.git#commit=f97da56fe535bb6d318c62ed31e0f44cef104f05"
-  checksum: 10c0/511b09ed29bd84ff2406f4b494fdf6de225d135d9c3ca52993d00cd9a2b3e0b9ccc26bf3e3e65ba62e037ed775d2d4e63be3f67984e34e06c0a86ac432fd59ee
+  version: 20.38.0
+  resolution: "uWebSockets.js@https://github.com/uNetworking/uWebSockets.js.git#commit=560035d4ad6caeda563deee1d3d68143462a305b"
+  checksum: 10c0/b6420596f3bb949c4244fb5978be27f3810ab3ec883b07eba36309218a4fd77cb53094c037130619801d816e2b5c7f311ca6387ccbadc2af5cfbd2c2b799fdd0
   languageName: node
   linkType: hard
 
@@ -18375,6 +18625,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"urlpattern-polyfill@npm:^10.0.0":
+  version: 10.0.0
+  resolution: "urlpattern-polyfill@npm:10.0.0"
+  checksum: 10c0/43593f2a89bd54f2d5b5105ef4896ac5c5db66aef723759fbd15cd5eb1ea6cdae9d112e257eda9bbc3fb0cd90be6ac6e9689abe4ca69caa33114f42a27363531
+  languageName: node
+  linkType: hard
+
 "urlpattern-polyfill@npm:^8.0.0":
   version: 8.0.2
   resolution: "urlpattern-polyfill@npm:8.0.2"
@@ -18487,9 +18744,9 @@ __metadata:
   linkType: hard
 
 "web-streams-polyfill@npm:^3.2.1":
-  version: 3.3.2
-  resolution: "web-streams-polyfill@npm:3.3.2"
-  checksum: 10c0/623c2fced2ef77d5afdbc43acef64b8af609a32125b691eae286d534a36004c8a71030f0e78068516774a97fd90dbfb3726b10fd569a2d158e60c83a539c489e
+  version: 3.2.1
+  resolution: "web-streams-polyfill@npm:3.2.1"
+  checksum: 10c0/70ed6b5708e14afa2ab699221ea197d7c68ec0c8274bbe0181aecc5ba636ca27cbd383d2049f0eb9d529e738f5c088825502b317f3df24d18a278e4cc9a10e8b
   languageName: node
   linkType: hard