import { productPageCategory } from '@graphcommerce/magento-product'
import { nonNullable } from '@graphcommerce/next-ui'
import type { Product_DatalayerItemFragment } from './Product_DatalayerItem.gql'

/** https://developers.google.com/tag-platform/gtagjs/reference/events#add_to_cart_item */
export type GoogleDatalayerItem = {
  item_id: string
  item_uid: string
  item_name: string
  affiliation?: string
  coupon?: string
  currency?: string
  discount?: number
  index: number
  item_brand?: string
  item_category?: string
  item_category2?: string
  item_category3?: string
  item_category4?: string
  item_category5?: string
  item_list_id?: string
  item_list_name?: string
  item_variant?: string
  location_id?: string
  price: number
  quantity: number
}

export function productToDatalayerItem<P extends Product_DatalayerItemFragment>(
  item: P,
  index: number,
): GoogleDatalayerItem {
  const category = productPageCategory(item)
  const item_categories = Object.fromEntries(
    [...(category?.breadcrumbs?.map((b) => b?.category_name) ?? []), category?.name]
      .filter(nonNullable)
      .map((name, idx) => [`item_category${idx > 0 ? idx + 1 : ''}`, name]),
  )

  return {
    item_id: item.sku ?? '',
    item_uid: item.uid,
    item_name: item.name ?? '',
    price: item.price_range?.minimum_price.final_price.value ?? 0,
    currency: item.price_range?.minimum_price.final_price.currency ?? undefined,
    discount: item.price_range?.minimum_price.discount?.amount_off ?? undefined,
    quantity: 1,
    index,
    ...item_categories,
  }
}