Basic Integration

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Research Defender – Basic POST Integration</title>
</head>
<body>
  <pre id="output">Loading…</pre>

  <script>
    const ENVIRONMENT = "prod";
    const PUBLISHABLE_KEY = "YOUR_PUBLISHABLE_KEY";
    const SURVEY_NUMBER = "YOUR_SURVEY_NUMBER";
    const SESSION_ID = "YOUR_SESSION_ID";

    const SEARCH_ENDPOINT =
      `https://${ENVIRONMENT}.rtymgt.com/api/v4/respondents/search/${PUBLISHABLE_KEY}`;

    function parseResponse(text) {
      try {
        return JSON.parse(text);
      } catch {
        return JSON.parse(text.slice(0, -1));
      }
    }

    async function searchRespondent({ surveyNumber, sessionId }) {
      const response = await fetch(SEARCH_ENDPOINT, {
        method: "POST",
        credentials: "include",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ sy_nr: surveyNumber, sn_ud: sessionId }),
      });

      if (!response.ok) {
        throw new Error(`Search request failed with status ${response.status}`);
      }

      return parseResponse(await response.text());
    }

    window.addEventListener("load", async () => {
      const output = document.getElementById("output");

      try {
        const result = await searchRespondent({
          surveyNumber: SURVEY_NUMBER,
          sessionId: SESSION_ID,
        });

        const survey = result.Surveys?.[0];
        output.textContent = [
          `Threat Potential: ${result.Respondent?.threat_potential}`,
          `Duplicate Flag:   ${survey?.flag}`,
          `Survey Number:    ${survey?.survey_number}`,
          "",
          "Full response:",
          JSON.stringify(result, null, 2),
        ].join("\n");
      } catch (error) {
        output.textContent = `Error: ${error.message}`;
      }
    });
  </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Research Defender – Basic GET Integration</title>
</head>
<body>
  <pre id="output">Loading…</pre>

  <script>
    const ENVIRONMENT = "prod";
    const PUBLISHABLE_KEY = "YOUR_PUBLISHABLE_KEY";
    const SURVEY_NUMBER = "YOUR_SURVEY_NUMBER";
    const SESSION_ID = "YOUR_SESSION_ID";

    const SEARCH_ENDPOINT =
      `https://${ENVIRONMENT}.rtymgt.com/api/v4/respondents/search/${PUBLISHABLE_KEY}`;

    function parseResponse(text) {
      try {
        return JSON.parse(text);
      } catch {
        return JSON.parse(text.slice(0, -1));
      }
    }

    async function searchRespondent({ surveyNumber, sessionId }) {
      const params = new URLSearchParams({ sy_nr: surveyNumber, sn_ud: sessionId });

      const response = await fetch(`${SEARCH_ENDPOINT}?${params}`, {
        method: "GET",
        credentials: "include",
      });

      if (!response.ok) {
        throw new Error(`Search request failed with status ${response.status}`);
      }

      return parseResponse(await response.text());
    }

    window.addEventListener("load", async () => {
      const output = document.getElementById("output");

      try {
        const result = await searchRespondent({
          surveyNumber: SURVEY_NUMBER,
          sessionId: SESSION_ID,
        });

        const survey = result.Surveys?.[0];
        output.textContent = [
          `Threat Potential: ${result.Respondent?.threat_potential}`,
          `Duplicate Flag:   ${survey?.flag}`,
          `Survey Number:    ${survey?.survey_number}`,
          "",
          "Full response:",
          JSON.stringify(result, null, 2),
        ].join("\n");
      } catch (error) {
        output.textContent = `Error: ${error.message}`;
      }
    });
  </script>
</body>
</html>