"use client";

import { useEffect } from "react";

export function ReadingResultDebugLogger({
  data,
}: {
  data: Record<string, unknown>;
}) {
  useEffect(() => {
    console.groupCollapsed("[CheckoutDebug] Reading result reached");
    console.log(data);
    if (typeof data.smsDebug === "string" && data.smsDebug.length > 0) {
      try {
        const json = decodeURIComponent(escape(window.atob(data.smsDebug.replace(/-/g, "+").replace(/_/g, "/"))));
        console.groupCollapsed("[CheckoutDebug] SMS reports");
        console.log(JSON.parse(json));
        console.groupEnd();
      } catch (error) {
        console.warn("[CheckoutDebug] Failed to decode smsDebug", error, data.smsDebug);
      }
    }
    console.groupEnd();
  }, [data]);

  return null;
}