"use client";

import { useEffect } from "react";
import { trackViewCart } from "@/lib/analytics";

type AnalyticsViewCartScriptProps = {
  items: Array<{
    product_id?: string;
    product_title?: string;
    variant_title?: string;
    quantity?: number;
    total?: number;
  }>;
};

export function AnalyticsViewCartScript({ items }: AnalyticsViewCartScriptProps) {
  useEffect(() => {
    if (window.gtag && items.length > 0) {
      const cartItems = items.map((item) => ({
        item_id: item.product_id || "",
        item_name: item.product_title || item.variant_title || "Article",
        price: item.total && item.quantity ? item.total / item.quantity / 100 : 0,
        quantity: item.quantity || 1,
      }));

      trackViewCart(cartItems);
    }
  }, [items]);

  return null;
}