Trigger Widget

<script
src="https://cdn.retarget.gg/widget-decline.js"
data-pub="YOUR_PUBLIC_KEY"
data-website="YOUR_WEBSITE_KEY"
></script>

// app/declined/page.tsx
import Script from "next/script";

export default function DeclinedPage() {
return (
  <>
    <Script
      id="retarget-decline"
      src="https://cdn.retarget.gg/widget-decline.js"
      strategy="beforeInteractive"
      data-pub={process.env.NEXT_PUBLIC_RETARGET_PUB!}
      data-website={process.env.NEXT_PUBLIC_RETARGET_WEBSITE!}
    />
    <main>
      <h1>We can&apos;t proceed with this account</h1>
      <p>You may see alternative offers while we review.</p>
    </main>
  </>
);
}

"use client";
// app/declined/decline-bridge.tsx: include on the decline page
import { useEffect } from "react";

export function DeclineBridge() {
useEffect(() => {
  const sendToServer = (sessionId: string) =>
    fetch("/api/retarget/decline-arm", {
      method: "POST",
      credentials: "same-origin",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ sessionId }),
    });

  function handler(ev: Event) {
    const detail = (ev as CustomEvent<{ sessionId: string }>).detail;
    if (detail?.sessionId) void sendToServer(detail.sessionId);
  }

  window.addEventListener("retarget:decline-session", handler);
  const existing = window.__RETARGET_DECLINE_SESSION_ID;
  if (typeof existing === "string" && existing) void sendToServer(existing);

  return () => window.removeEventListener("retarget:decline-session", handler);
}, []);

return null;
}

<script>
(function () {
  function sendToServer(sessionId) {
    fetch("/api/retarget/decline-arm", {
      method: "POST",
      credentials: "same-origin",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ sessionId: sessionId })
    });
  }

  window.addEventListener("retarget:decline-session", function (ev) {
    var id = ev.detail && ev.detail.sessionId;
    if (id) sendToServer(id);
  });

  var existing = window.__RETARGET_DECLINE_SESSION_ID;
  if (existing) sendToServer(existing);
})();
</script>

// app/api/retarget/trigger/route.ts
import { NextResponse } from "next/server";

const API = process.env.RETARGET_API_URL ?? "https://api.retarget.gg";

export async function POST(req: Request) {
const secret = process.env.RETARGET_INTEGRATION_SECRET;
if (!secret) {
  return NextResponse.json(
    { error: "Missing RETARGET_INTEGRATION_SECRET" },
    { status: 500 },
  );
}
const { sessionId } = (await req.json()) as { sessionId?: string };
if (!sessionId) {
  return NextResponse.json({ error: "sessionId required" }, { status: 400 });
}
const res = await fetch(`${API}/v1/widget-decline/trigger`, {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    Authorization: `Bearer ${secret}`,
  },
  body: JSON.stringify({ sessionId }),
});
if (!res.ok) {
  return NextResponse.json({ error: await res.text() }, { status: res.status });
}
const body = await res.json(); // { ok: true }
return NextResponse.json(body, { status: 200 });
}

// server-only util: call this from your "decline" code path
const API = process.env.RETARGET_API_URL ?? "https://api.retarget.gg";

export async function triggerDeclineOverlay(sessionId: string) {
const secret = process.env.RETARGET_INTEGRATION_SECRET;
if (!secret) throw new Error("RETARGET_INTEGRATION_SECRET is not set");

const res = await fetch(`${API}/v1/widget-decline/trigger`, {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    Authorization: `Bearer ${secret}`,
  },
  body: JSON.stringify({ sessionId }),
});
if (!res.ok) {
  throw new Error(`ReTarget.gg trigger failed: ${res.status} ${await res.text()}`);
}
}

import os
import requests

API = os.environ.get("RETARGET_API_URL", "https://api.retarget.gg")

def trigger_decline_overlay(session_id: str) -> None:
  secret = os.environ["RETARGET_INTEGRATION_SECRET"]
  r = requests.post(
      f"{API}/v1/widget-decline/trigger",
      headers={
          "Content-Type": "application/json",
          "Authorization": f"Bearer {secret}",
      },
      json={"sessionId": session_id},
      timeout=15,
  )
  r.raise_for_status()