import html from '../utils/html.js';

export const textStimuli = {
  complete: html`Experiment complete. Please paste the following link into your browser to confirm completion on Prolific:
    <span class="text-blue-500">
            ${import.meta.env.VITE_COMPLETE_URL}
        </a>
    `,
};

function getStimulusMap() {
  const stimulusMap = new Map();

  stimulusMap.set(
    'pre_survey_info',
    html`
      <p class="leading-relaxed>
       The captcha task is now complete.
      </p>
      <p class="leading-relaxed mt-2"">
        You will now answer a few questions about your experience in the
        experiment.
      </p>
      <p class="leading-relaxed mt-2">
 It is important that you read the questions carefully and
        answer them honestly.
      </p>
      <p class="mt-6">
        Press
        <strong>SPACE</strong>
        to continue.
      </p>
    `
  );

  stimulusMap.set(
    'pre_consent_info',
    html`
      <p class="leading-relaxed">
        This experiment will need some browser permissions. Please ensure that,
        when prompted, you allow the experiment to run in fullscreen and that
        you allow yourself to be redirected to Prolific after the experiment is
        complete.
      </p>
      <p class="mt-6">
        Press
        <strong>SPACE</strong>
        to continue.
      </p>
    `
  );

  stimulusMap.set(
    'consent',
    html`
      <div class="text-left leading-relaxed">
        <h1 class="text-2xl font-bold mt-4">
          General Participant Information and Consent
        </h1>
        <h2 class="text-xl font-bold mt-2">
          Title of the study: Decision-making with Others
        </h2>
        <p class="font-semibold mt-2">1. Description of the research project</p>
        Welcome to our study on Decision-making with Others. We are
        investigating how people choose courses of action when working with
        others. The experiment will take less than 20 minutes, with short pauses
        in between. However, since this is a multi-participant study, we ask
        that you complete the task fully without taking additional breaks. If
        you have any further questions, please contact the investigator.
        <p class="font-semibold mt-2">
          2. Voluntary participation and anonymity
        </p>
        Participation in the study is voluntary. You can withdraw your consent
        to participate in this study at any time and without giving reasons and
        without suffering any disadvantages. Even if you terminate the study
        early, you are entitled to compensation for your time up to that point.
        <p class="font-semibold mt-2">3. Compensation</p>
        For participating in the study, you will receive the rate indicated on
        the Prolific.com page for this study. The fee will be paid through the
        Prolific platform.
        <p class="font-semibold mt-2">
          4. Scope of data collection and processing
        </p>
        We will save your responses and judgements to the questions and stimuli
        presented in this study. We will also collect information about your
        response times. We also ask for your gender, age, and thoughts about the
        study following completion. These data will be de-identified, so that
        your responses are not saved in a way that one could identify you from
        your responses (or which responses are yours). The results and data of
        this study will be published as a scientific publication. This will be
        done in an anonymized form, i.e. without the data being assigned to a
        specific person. The completely anonymized data of this study will be
        made available as open data in a secure, internet-based data archive
        (osf.io). This study thus follows the recommendations of the German
        Research Foundation (DFG) and the German Society for Psychology (DGPs)
        for quality assurance in research.
        <p class="font-semibold mt-2">5. Legal basis</p>
        The legal basis for processing the personal data mentioned is the
        consent in accordance with Art. 6 (1) letter a EU GDPR.
        <p class="font-semibold mt-2">6. Revocation</p>
        You have the right to revoke your consent to data protection at any
        time. The revocation of your consent does not affect the legality of the
        processing carried out on the basis of your consent until the
        revocation. (Revocation with effect for the future). Address your
        revocation to the person responsible. You will not suffer any
        disadvantages as a result of the revocation
        <p class="font-semibold mt-2">
          7. Name and Address of the person responsible
        </p>
        The controller within the meaning of the EU General Data Protection
        Regulation (GDPR) and other national data protection laws of the member
        states, as well as other data protection regulations is the University
        of Muenster, represented by the Rector, Prof. Dr. Johannes Wessels,
        Schlossplatz 2, 48149 MünsterTel.: + 49 251 83-0E-Mail:
        verwaltung@uni-muenster.de
        <p class="font-semibold mt-2">
          8. Contact details of the data protection officer
        </p>
        The data protection officer of the University of Muenster is: Nina
        Meyer-Pachur Schlossplatz 2, 48149 Münster Tel.: + 49 251 83-22446
        E-Mail: datenschutz@uni-muenster.de
        <p class="font-semibold mt-2">
          9. Reference to the rights of those affected
        </p>
        <p class="leading-relaxed">
          According to the General Data Protection Regulation, you basically
          have the right to: information (Article 15 GDPR), objection (Article
          21 GDPR), data portability (Article 20 GDPR), erasure (Article 17
          GDPR), restriction of processing (Article 18 GDPR), rectification
          (Article 16 GDPR). If you would like to exercise one of these rights,
          please contact one of the contact persons mentioned. You also have the
          right to lodge a complaint with the supervisory authority: State
          Commissioner for Data Protection and Freedom of Information North
          Rhine-Westphalia Helga Block Kavalleriestraße 2-440213
          DüsseldorfTelephone: 02 11/384 24-0E-Mail: poststelle@ldi.nrw.de
          Homepage: http://www.ldi.nrw.de
        </p>

        <p class="font-semibold mt-2">
          10. Consent to the collection and processing of personal data
        </p>
        By clicking continue, I hereby voluntarily consent to the collection and
        processing of my personal data as part of the research project
        ‘Decision-making with others’. I have read the data protection
        declaration for the project in question, have been adequately informed
        and have had the opportunity to ask questions. I have been informed of
        the consequences of revoking my consent under data protection law at any
        time. I have been informed that my revocation of my consent does not
        affect the legality of the processing carried out on the basis of the
        consent up to the time of revocation.
      </div>
    `
  );

  stimulusMap.set(
    'no_consent',
    html`
        <p class="leading-relaxed mt-6">
          You are being redirected to Prolific. If you are not redirected within 10 seconds, please paste the following link into your browser:
          <span class="text-blue-500">
            ${import.meta.env.VITE_NO_CONSENT_URL}
          </a>
        </p>
    `
  );

  stimulusMap.set(
    'instructions_1',
    html`
      <p>In this experiment, you will be solving captchas.</p>
      <p class="mt-2">
        This will involve identifying slightly distorted letters and numbers
        from an image.
      </p>
      <p class="mt-6">
        Your task is to solve the captchas as quickly and accurately as
        possible. </p>
      <p class="mt-6">
        Press
        <strong>SPACE</strong>
        to continue.
      </p>
    `
  );

  stimulusMap.set(
    'instructions_2',
    html`
      <p>
        In this study, we will randomise the difficulty of the captchas you will solve. </p>
            <p class="mt-2">
        You will roll a virtual die to determine the difficulty of the captchas you will see.
      </p>
        <p class="mt-2">
        The higher the number you roll, the more difficult the captchas will be.
      </p>
      <p class="mt-6">
        Press
        <strong>SPACE</strong>
        to continue.
      </p>
    `
  );

  stimulusMap.set(
    'instructions_3',
    html`
      <p>
        You will now proceed to the captcha task </p> <p class = "mt-2"> You will need to
        solve 12 captchas in a row as quickly and accurately as possible.
      </p>
      <p class="mt-6 text-red-500">
        Press
        <strong>SPACE</strong>
        when you are ready to begin.
      </p>
    `
  );

  stimulusMap.set(
    'debrief',
    html`
      <div class="text-left leading-relaxed">
        <h1 class="text-2xl font-bold">Debriefing statement</h1>
        <h2 class="text-xl font-bold mt-2">
          Title of the study: Decision-making with others
        </h2>
        <p class="mt-2">
          Thank you for participating in our study. In this study, we seek to
          investigate 1) to what extent online participants suspect that their
          interaction partners are not real people and 2) how and when they
          report such suspicions.
        </p>
        <p class="mt-2">
          To this end, we created the appearance of additional participants in
          the experiment – in reality, you performed the task alone with your
          'partner's' actions being peformed by a computer.
        </p>
        <p class="mt-2">
          You may have also read in the post-experiment questionnaire that your
          partner was either an AI agent – this was to examine whether people’s
          suspicions are biased by the way in which they are asked about them.
        </p>
        <p class="mt-2">
          Should you have any additional questions, you may contact Dr Shaheed
          Azaad at sazaad@uni-muenster.de.
        </p>
        <p class="mt-6">
          Press
          <strong>SPACE</strong>
          to return to Prolific.
        </p>
      </div>
    `
  );

  stimulusMap.set(
    'complete',
    html`You are being redirected to Prolific. If you are not redirected within 10 seconds, please paste the following link into your browser:
          <span class="text-blue-500">
            ${import.meta.env.VITE_COMPLETE_URL}
          </a>
    `
  );
  return stimulusMap;
}

export { getStimulusMap, html };