// 유입 어트리뷰션 hidden input — 문의 폼 <form> 안에 넣기만 하면 된다.
// RootTale 비콘이 localStorage 에 기억해 둔 first-touch(처음 도착한 페이지 ·
// 단축링크/QR 토큰 · utm · 외부 referrer 호스트명)를 JSON 으로 실어 보내고,
// 서버 액션이 parseAttributionJson(formData.get("attribution")) 으로 받는다.
// 값이 없으면 빈 문자열 → 서버에서 null 처리되므로 항상 안전하다.
"use client";

import { useEffect, useState } from "react";

import { readAttribution } from "@roottale/cms-client/attribution";

export function AttributionField() {
  const [value, setValue] = useState("");
  useEffect(() => {
    const attribution = readAttribution();
    if (attribution) setValue(JSON.stringify(attribution));
  }, []);
  return <input type="hidden" name="attribution" value={value} />;
}