<commit_before>const { Input } = ReactBootstrap;
const { Row } = ReactBootstrap;
const { Col } = ReactBootstrap;
const { Button } = ReactBootstrap;
const { Panel } = ReactBootstrap;
const { Glyphicon } = ReactBootstrap;
const { ButtonInput } = ReactBootstrap;
const { ButtonGroup } = ReactBootstrap;
const { Alert } = ReactBootstrap;

const { update } = React.addons;

const Recaptcha = ReactRecaptcha;

const LoginForm = React.createClass({
  render() {
    let q;
    const userGlyph = <Glyphicon glyph="user" />;
    const lockGlyph = <Glyphicon glyph="lock" />;

    const formButton = this.props.status === "Login" ? (q = "'") : undefined; //My syntax highlighting can't handle literal quotes in jsx. :(
    if (this.props.status === "Reset") {
      return (
        <Panel>
          <form onSubmit={this.props.onPasswordReset}>
            <p>
              <i>A password reset link will be sent the user{q}s email.</i>
            </p>
            <Input
              type="text"
              name="username"
              valueLink={this.props.username}
              addonBefore={userGlyph}
              placeholder="Username"
              required={true}
            />
            <div style={{ height: "70px" }} />
            <Row>
              <Col md={6}>
                <ButtonInput type="submit">Reset Password</ButtonInput>
              </Col>
              <Col md={6}>
                <span className="pull-right pad">
                  Go back to{" "}
                  <a onClick={this.props.setPage.bind(null, "Login")}>Login</a>.
                </span>
              </Col>
            </Row>
          </form>
        </Panel>
      );
    } else {
      const showGroupMessage = () => {
        return (
          <Alert bsStyle="info">
            You are registering as a member of <strong>{this.props.groupName}</strong>
          </Alert>
        );
      };

      const showEmailFilter = () => {
        return (
          <Alert bsStyle="warning">
            You can register provided you have an email for one of these domains:
            <strong>{this.props.emailFilter.join(", ")}</strong>
          </Alert>
        );
      };

      const generateRecaptcha = () => {
        if (this.props.reCAPTCHA_public_key) {
          return (
            <Recaptcha
              sitekey={this.props.reCAPTCHA_public_key}
              verifyCallback={this.props.onRecaptchaSuccess}
              expiredCallback={this.props.onRecaptchaExpire}
              render="explicit"
            />
          );
        }
      };

      // Toggle input fields according to user type
      const showOrHide = (prop, inputName) => {
        const inputs = {
          firstname: false,
          lastname: false,
          url: false,
          grade: false,
          teacherlevel: false,
          subjectstaught: false,
          schoolcountry: false,
          residencecountry: true,
          affiliation: true,
          zipcode: false,
          studentOnly: false,
          teacherOnly: false,
          referrer: false,
          gender: true
        };
        switch (this.props.usertype.value) {
          case "student":
            inputs.grade = true;
            inputs.schoolcountry = true;
            inputs.zipcode = true;
            inputs.studentOnly = true;
            inputs.referrer = true;
            inputs.url = true;
            break;
          case "college":
            inputs.schoolcountry = true;
            inputs.zipcode = true;
            inputs.url = true;
            break;
          case "teacher":
            inputs.teacherlevel = true;
            inputs.subjectstaught = true;
            inputs.schoolcountry = true;
            inputs.zipcode = true;
            inputs.teacherOnly = true;
            inputs.referrer = true;
            inputs.url = true;
            break;
          case "other":
            inputs.url = true;
            break;
          default:
            inputs.affiliation = false;
        }
        const show = inputs[inputName];
        if (prop === "class") {
          if (show) {
            return "show";
          } else {
            return "hide";
          }
        } else if (prop === "disabled") {
          if (show) {
            return false;
          } else {
            return true;
          }
        }
      };

      const generateCountries = function() {
        const countryList = {
          "United States": "US",
          Canada: "CA",
          Afghanistan: "AF",
          Albania: "AL",
          Algeria: "DZ",
          Andorra: "AD",
          Angola: "AO",
          "Antigua and Barbuda": "AG",
          Argentina: "AR",
          Armenia: "AM",
          Aruba: "AW",
          Australia: "AU",
          Austria: "AT",
          Azerbaijan: "AZ",
          "Bahamas, The": "BS",
          Bahrain: "BH",
          Bangladesh: "BD",
          Barbados: "BB",
          Belarus: "BY",
          Belgium: "BE",
          Belize: "BZ",
          Benin: "BJ",
          Bhutan: "BT",
          Bolivia: "BO",
          "Bosnia and Herzegovina": "BA",
          Botswana: "BW",
          Brazil: "BR",
          Brunei: "BN",
          Bulgaria: "BG",
          "Burkina Faso": "BF",
          Burma: "MM",
          Burundi: "BI",
          "Cabo Verde": "CV",
          Cambodia: "KH",
          Cameroon: "CM",
          "Central African Republic": "CF",
          Chad: "TD",
          Chile: "CL",
          China: "CN",
          Colombia: "CO",
          Comoros: "KM",
          "Congo (Brazzaville)": "CG",
          "Congo (Kinshasa)": "CD",
          "Costa Rica": "CR",
          "Côte d'Ivoire": "CI",
          Croatia: "HR",
          Cuba: "CU",
          Curacao: "CW",
          Cyprus: "CY",
          Czechia: "CZ",
          Denmark: "DK",
          Djibouti: "DJ",
          Dominica: "DM",
          "Dominican Republic": "DO",
          Ecuador: "EC",
          Egypt: "EG",
          "El Salvador": "SV",
          "Equatorial Guinea": "GQ",
          Eritrea: "ER",
          Estonia: "EE",
          Eswatini: "SZ",
          Ethiopia: "ET",
          Fiji: "FJ",
          Finland: "FI",
          France: "FR",
          Gabon: "GA",
          "Gambia, The": "GM",
          Georgia: "GE",
          Germany: "DE",
          Ghana: "GH",
          Greece: "GR",
          Grenada: "GD",
          Guatemala: "GT",
          Guinea: "GN",
          "Guinea-Bissau": "GW",
          Guyana: "GY",
          Haiti: "HT",
          "Holy See": "VA",
          Honduras: "HN",
          "Hong Kong": "HK",
          Hungary: "HU",
          Iceland: "IS",
          India: "IN",
          Indonesia: "ID",
          Iran: "IR",
          Iraq: "IQ",
          Ireland: "IE",
          Israel: "IL",
          Italy: "IT",
          Jamaica: "JM",
          Japan: "JP",
          Jordan: "JO",
          Kazakhstan: "KZ",
          Kenya: "KE",
          Kiribati: "KI",
          "Korea, North": "KP",
          "Korea, South": "KR",
          Kosovo: "XK",
          Kuwait: "KW",
          Kyrgyzstan: "KG",
          Laos: "LA",
          Latvia: "LV",
          Lebanon: "LB",
          Lesotho: "LS",
          Liberia: "LR",
          Libya: "LY",
          Liechtenstein: "LI",
          Lithuania: "LT",
          Luxembourg: "LU",
          Macau: "MO",
          Macedonia: "MK",
          Madagascar: "MG",
          Malawi: "MW",
          Malaysia: "MY",
          Maldives: "MV",
          Mali: "ML",
          Malta: "MT",
          "Marshall Islands": "MH",
          Mauritania: "MR",
          Mauritius: "MU",
          Mexico: "MX",
          Micronesia: "FM",
          Moldova: "MD",
          Monaco: "MC",
          Mongolia: "MN",
          Montenegro: "ME",
          Morocco: "MA",
          Mozambique: "MZ",
          Namibia: "NA",
          Nauru: "NR",
          Nepal: "NP",
          Netherlands: "NL",
          "New Zealand": "NZ",
          Nicaragua: "NI",
          Niger: "NE",
          Nigeria: "NG",
          Norway: "NO",
          Oman: "OM",
          Pakistan: "PK",
          Palau: "PW",
          Palestine: "PS",
          Panama: "PA",
          "Papua New Guinea": "PG",
          Paraguay: "PY",
          Peru: "PE",
          Philippines: "PH",
          Poland: "PL",
          Portugal: "PT",
          Qatar: "QA",
          Romania: "RO",
          Russia: "RU",
          Rwanda: "RW",
          "Saint Kitts and Nevis": "KN",
          "Saint Lucia": "LC",
          "Saint Vincent and the Grenadines": "VC",
          Samoa: "WS",
          "San Marino": "SM",
          "Sao Tome and Principe": "ST",
          "Saudi Arabia": "SA",
          Senegal: "SN",
          Serbia: "RS",
          Seychelles: "SC",
          "Sierra Leone": "SL",
          Singapore: "SG",
          "Sint Maarten": "SX",
          Slovakia: "SK",
          Slovenia: "SI",
          "Solomon Islands": "SB",
          Somalia: "SO",
          "South Africa": "ZA",
          "South Sudan": "SS",
          Spain: "ES",
          "Sri Lanka": "LK",
          Sudan: "SD",
          Suriname: "SR",
          Sweden: "SE",
          Switzerland: "CH",
          Syria: "SY",
          Taiwan: "TW",
          Tajikistan: "TJ",
          Tanzania: "TZ",
          Thailand: "TH",
          "Timor-Leste": "TL",
          Togo: "TG",
          Tonga: "TO",
          "Trinidad and Tobago": "TT",
          Tunisia: "TN",
          Turkey: "TR",
          Turkmenistan: "TM",
          Tuvalu: "TV",
          Uganda: "UG",
          Ukraine: "UA",
          "United Arab Emirates": "AE",
          "United Kingdom": "GB",
          Uruguay: "UY",
          Uzbekistan: "UZ",
          Vanuatu: "VU",
          Venezuela: "VE",
          Vietnam: "VN",
          Yemen: "YE",
          Zambia: "ZM",
          Zimbabwe: "ZW"
        };

        const result = [];
        for (let country in countryList) {
          const abbrev = countryList[country];
          result.push(<option value={abbrev}>{country}</option>);
        }
        return result;
      };

      const registrationForm =
        this.props.status === "Register" ? (
          <div>
            <Row>
              <div>
                {this.props.groupName.length > 0 ? (
                  showGroupMessage()
                ) : (
                  <span />
                )}
                {this.props.emailFilter.length > 0 && !this.props.rid ? (
                  showEmailFilter()
                ) : (
                  <span />
                )}
                <br />
              </div>
              <Col md={6} className={showOrHide("class", "firstname")}>
                <Input
                  type="text"
                  id="firstname"
                  valueLink={this.props.firstname}
                  label="First Name"
                  placeholder="Jane"
                />
              </Col>
              <Col md={6} className={showOrHide("class", "lastname")}>
                <Input
                  type="text"
                  id="lastname"
                  valueLink={this.props.lastname}
                  label="Last Name"
                  placeholder="Doe"
                />
              </Col>
              <Col md={12}>
                <Input
                  type="email"
                  name="email"
                  id="email"
                  valueLink={this.props.email}
                  label="E-mail *"
                  placeholder="<EMAIL>"
                  required={true}
                />
              </Col>
            </Row>
            <Row>
              <Col md={12} className={showOrHide("class", "residencecountry")}>
                <Input
                  type="select"
                  name="residencecountry"
                  id="residencecountry"
                  defaultValue=""
                  valueLink={this.props.residencecountry}
                  label="Country/Region of Residence *"
                  placeholder="Country of Residence"
                  required={true}
                >
                  <option value="" disabled={true}>
                    -Select-
                  </option>
                  {generateCountries()}
                </Input>
              </Col>
            </Row>
            <Row>
              <Col md={12}>
                <Input
                  type="select"
                  name="usertype"
                  id="usertype"
                  defaultValue=""
                  label="Status *"
                  required={true}
                  valueLink={this.props.usertype}
                >
                  <option value="" disabled={true}>
                    -Select Category-
                  </option>
                  <option value="student">Middle/High School Student</option>
                  <option value="teacher">Teacher/Instructor</option>
                  <option value="college">College Student</option>
                  <option value="other">Other</option>
                </Input>
              </Col>
            </Row>
            <Row>
              <Col md={6} className={showOrHide("class", "affiliation")}>
                <Input
                  type="text"
                  name="affiliation"
                  id="affiliation"
                  valueLink={this.props.affiliation}
                  label={
                    this.props.usertype.value === "other"
                      ? "Organization Name *"
                      : "School Name *"
                  }
                  placeholder="Example School, Pittsburgh, PA"
                  maxlength="50"
                  required={true}
                />
                <p className="help-block">Your school or organization name may be visible to other users.</p>
              </Col>
              <Col md={6} className={showOrHide("class", "url")}>
                <Input
                  type="text"<commit_msg>Fix react warnings for front-page<commit_after>const { Input } = ReactBootstrap;
const { Row } = ReactBootstrap;
const { Col } = ReactBootstrap;
const { Button } = ReactBootstrap;
const { Panel } = ReactBootstrap;
const { Glyphicon } = ReactBootstrap;
const { ButtonInput } = ReactBootstrap;
const { ButtonGroup } = ReactBootstrap;
const { Alert } = ReactBootstrap;

const { update } = React.addons;

const Recaptcha = ReactRecaptcha;

const LoginForm = React.createClass({
  render() {
    let q;
    const userGlyph = <Glyphicon glyph="user" />;
    const lockGlyph = <Glyphicon glyph="lock" />;

    const formButton = this.props.status === "Login" ? (q = "'") : undefined; //My syntax highlighting can't handle literal quotes in jsx. :(
    if (this.props.status === "Reset") {
      return (
        <Panel>
          <form onSubmit={this.props.onPasswordReset}>
            <p>
              <i>A password reset link will be sent the user{q}s email.</i>
            </p>
            <Input
              type="text"
              name="username"
              valueLink={this.props.username}
              addonBefore={userGlyph}
              placeholder="Username"
              required={true}
            />
            <div style={{ height: "70px" }} />
            <Row>
              <Col md={6}>
                <ButtonInput type="submit">Reset Password</ButtonInput>
              </Col>
              <Col md={6}>
                <span className="pull-right pad">
                  Go back to{" "}
                  <a onClick={this.props.setPage.bind(null, "Login")}>Login</a>.
                </span>
              </Col>
            </Row>
          </form>
        </Panel>
      );
    } else {
      const showGroupMessage = () => {
        return (
          <Alert bsStyle="info">
            You are registering as a member of <strong>{this.props.groupName}</strong>
          </Alert>
        );
      };

      const showEmailFilter = () => {
        return (
          <Alert bsStyle="warning">
            You can register provided you have an email for one of these domains:
            <strong>{this.props.emailFilter.join(", ")}</strong>
          </Alert>
        );
      };

      const generateRecaptcha = () => {
        if (this.props.reCAPTCHA_public_key) {
          return (
            <Recaptcha
              sitekey={this.props.reCAPTCHA_public_key}
              verifyCallback={this.props.onRecaptchaSuccess}
              expiredCallback={this.props.onRecaptchaExpire}
              render="explicit"
            />
          );
        }
      };

      // Toggle input fields according to user type
      const showOrHide = (prop, inputName) => {
        const inputs = {
          firstname: false,
          lastname: false,
          url: false,
          grade: false,
          teacherlevel: false,
          subjectstaught: false,
          schoolcountry: false,
          residencecountry: true,
          affiliation: true,
          zipcode: false,
          studentOnly: false,
          teacherOnly: false,
          referrer: false,
          gender: true
        };
        switch (this.props.usertype.value) {
          case "student":
            inputs.grade = true;
            inputs.schoolcountry = true;
            inputs.zipcode = true;
            inputs.studentOnly = true;
            inputs.referrer = true;
            inputs.url = true;
            break;
          case "college":
            inputs.schoolcountry = true;
            inputs.zipcode = true;
            inputs.url = true;
            break;
          case "teacher":
            inputs.teacherlevel = true;
            inputs.subjectstaught = true;
            inputs.schoolcountry = true;
            inputs.zipcode = true;
            inputs.teacherOnly = true;
            inputs.referrer = true;
            inputs.url = true;
            break;
          case "other":
            inputs.url = true;
            break;
          default:
            inputs.affiliation = false;
        }
        const show = inputs[inputName];
        if (prop === "class") {
          if (show) {
            return "show";
          } else {
            return "hide";
          }
        } else if (prop === "disabled") {
          if (show) {
            return false;
          } else {
            return true;
          }
        }
      };

      const generateCountries = function() {
        const countryList = {
          "United States": "US",
          Canada: "CA",
          Afghanistan: "AF",
          Albania: "AL",
          Algeria: "DZ",
          Andorra: "AD",
          Angola: "AO",
          "Antigua and Barbuda": "AG",
          Argentina: "AR",
          Armenia: "AM",
          Aruba: "AW",
          Australia: "AU",
          Austria: "AT",
          Azerbaijan: "AZ",
          "Bahamas, The": "BS",
          Bahrain: "BH",
          Bangladesh: "BD",
          Barbados: "BB",
          Belarus: "BY",
          Belgium: "BE",
          Belize: "BZ",
          Benin: "BJ",
          Bhutan: "BT",
          Bolivia: "BO",
          "Bosnia and Herzegovina": "BA",
          Botswana: "BW",
          Brazil: "BR",
          Brunei: "BN",
          Bulgaria: "BG",
          "Burkina Faso": "BF",
          Burma: "MM",
          Burundi: "BI",
          "Cabo Verde": "CV",
          Cambodia: "KH",
          Cameroon: "CM",
          "Central African Republic": "CF",
          Chad: "TD",
          Chile: "CL",
          China: "CN",
          Colombia: "CO",
          Comoros: "KM",
          "Congo (Brazzaville)": "CG",
          "Congo (Kinshasa)": "CD",
          "Costa Rica": "CR",
          "Côte d'Ivoire": "CI",
          Croatia: "HR",
          Cuba: "CU",
          Curacao: "CW",
          Cyprus: "CY",
          Czechia: "CZ",
          Denmark: "DK",
          Djibouti: "DJ",
          Dominica: "DM",
          "Dominican Republic": "DO",
          Ecuador: "EC",
          Egypt: "EG",
          "El Salvador": "SV",
          "Equatorial Guinea": "GQ",
          Eritrea: "ER",
          Estonia: "EE",
          Eswatini: "SZ",
          Ethiopia: "ET",
          Fiji: "FJ",
          Finland: "FI",
          France: "FR",
          Gabon: "GA",
          "Gambia, The": "GM",
          Georgia: "GE",
          Germany: "DE",
          Ghana: "GH",
          Greece: "GR",
          Grenada: "GD",
          Guatemala: "GT",
          Guinea: "GN",
          "Guinea-Bissau": "GW",
          Guyana: "GY",
          Haiti: "HT",
          "Holy See": "VA",
          Honduras: "HN",
          "Hong Kong": "HK",
          Hungary: "HU",
          Iceland: "IS",
          India: "IN",
          Indonesia: "ID",
          Iran: "IR",
          Iraq: "IQ",
          Ireland: "IE",
          Israel: "IL",
          Italy: "IT",
          Jamaica: "JM",
          Japan: "JP",
          Jordan: "JO",
          Kazakhstan: "KZ",
          Kenya: "KE",
          Kiribati: "KI",
          "Korea, North": "KP",
          "Korea, South": "KR",
          Kosovo: "XK",
          Kuwait: "KW",
          Kyrgyzstan: "KG",
          Laos: "LA",
          Latvia: "LV",
          Lebanon: "LB",
          Lesotho: "LS",
          Liberia: "LR",
          Libya: "LY",
          Liechtenstein: "LI",
          Lithuania: "LT",
          Luxembourg: "LU",
          Macau: "MO",
          Macedonia: "MK",
          Madagascar: "MG",
          Malawi: "MW",
          Malaysia: "MY",
          Maldives: "MV",
          Mali: "ML",
          Malta: "MT",
          "Marshall Islands": "MH",
          Mauritania: "MR",
          Mauritius: "MU",
          Mexico: "MX",
          Micronesia: "FM",
          Moldova: "MD",
          Monaco: "MC",
          Mongolia: "MN",
          Montenegro: "ME",
          Morocco: "MA",
          Mozambique: "MZ",
          Namibia: "NA",
          Nauru: "NR",
          Nepal: "NP",
          Netherlands: "NL",
          "New Zealand": "NZ",
          Nicaragua: "NI",
          Niger: "NE",
          Nigeria: "NG",
          Norway: "NO",
          Oman: "OM",
          Pakistan: "PK",
          Palau: "PW",
          Palestine: "PS",
          Panama: "PA",
          "Papua New Guinea": "PG",
          Paraguay: "PY",
          Peru: "PE",
          Philippines: "PH",
          Poland: "PL",
          Portugal: "PT",
          Qatar: "QA",
          Romania: "RO",
          Russia: "RU",
          Rwanda: "RW",
          "Saint Kitts and Nevis": "KN",
          "Saint Lucia": "LC",
          "Saint Vincent and the Grenadines": "VC",
          Samoa: "WS",
          "San Marino": "SM",
          "Sao Tome and Principe": "ST",
          "Saudi Arabia": "SA",
          Senegal: "SN",
          Serbia: "RS",
          Seychelles: "SC",
          "Sierra Leone": "SL",
          Singapore: "SG",
          "Sint Maarten": "SX",
          Slovakia: "SK",
          Slovenia: "SI",
          "Solomon Islands": "SB",
          Somalia: "SO",
          "South Africa": "ZA",
          "South Sudan": "SS",
          Spain: "ES",
          "Sri Lanka": "LK",
          Sudan: "SD",
          Suriname: "SR",
          Sweden: "SE",
          Switzerland: "CH",
          Syria: "SY",
          Taiwan: "TW",
          Tajikistan: "TJ",
          Tanzania: "TZ",
          Thailand: "TH",
          "Timor-Leste": "TL",
          Togo: "TG",
          Tonga: "TO",
          "Trinidad and Tobago": "TT",
          Tunisia: "TN",
          Turkey: "TR",
          Turkmenistan: "TM",
          Tuvalu: "TV",
          Uganda: "UG",
          Ukraine: "UA",
          "United Arab Emirates": "AE",
          "United Kingdom": "GB",
          Uruguay: "UY",
          Uzbekistan: "UZ",
          Vanuatu: "VU",
          Venezuela: "VE",
          Vietnam: "VN",
          Yemen: "YE",
          Zambia: "ZM",
          Zimbabwe: "ZW"
        };

        const result = [];
        let i = 0;
        for (let country in countryList) {
          const abbrev = countryList[country];
          result.push(<option key={i} value={abbrev}>{country}</option>);
          i++;
        }
        return result;
      };

      const registrationForm =
        this.props.status === "Register" ? (
          <div>
            <Row>
              <div>
                {this.props.groupName.length > 0 ? (
                  showGroupMessage()
                ) : (
                  <span />
                )}
                {this.props.emailFilter.length > 0 && !this.props.rid ? (
                  showEmailFilter()
                ) : (
                  <span />
                )}
                <br />
              </div>
              <Col md={6} className={showOrHide("class", "firstname")}>
                <Input
                  type="text"
                  id="firstname"
                  valueLink={this.props.firstname}
                  label="First Name"
                  placeholder="Jane"
                />
              </Col>
              <Col md={6} className={showOrHide("class", "lastname")}>
                <Input
                  type="text"
                  id="lastname"
                  valueLink={this.props.lastname}
                  label="Last Name"
                  placeholder="Doe"
                />
              </Col>
              <Col md={12}>
                <Input
                  type="email"
                  name="email"
                  id="email"
                  valueLink={this.props.email}
                  label="E-mail *"
                  placeholder="<EMAIL>"
                  required={true}
                />
              </Col>
            </Row>
            <Row>
              <Col md={12} className={showOrHide("class", "residencecountry")}>
                <Input
                  type="select"
                  name="residencecountry"
                  id="residencecountry"
                  defaultValue=""
                  valueLink={this.props.residencecountry}
                  label="Country/Region of Residence *"
                  placeholder="Country of Residence"
                  required={true}
                >
                  <option value="" disabled={true}>
                    -Select-
                  </option>
                  {generateCountries()}
                </Input>
              </Col>
            </Row>
            <Row>
              <Col md={12}>
                <Input
                  type="select"
                  name="usertype"
                  id="usertype"
                  defaultValue=""
                  label="Status *"
                  required={true}
                  valueLink={this.props.usertype}
                >
                  <option value="" disabled={true}>
                    -Select Category-
                  </option>
                  <option value="student">Middle/High School Student</option>
                  <option value="teacher">Teacher/Instructor</option>
                  <option value="college">College Student</option>
                  <option value="other">Other</option>
                </Input>
              </Col>
            </Row>
            <Row>
              <Col md={6} className={showOrHide("class", "affiliation")}>
                <Input
                  type="text"
                  name="affiliation"
                  id="affiliation"
                  valueLink={this.props.affiliation}
                  label={
                    this.props.usertype.value === "other"
                      ? "Organization Name *"
                      : "School Name *"
                  }
                  placeholder="Example School, Pittsburgh, PA"
                  maxLength="50"
                  required={true}
                />
                <p className="help-block">Your school or organization name may be visible to other users.</p>
              </Col>
              <Col md={6} className={showOrHide("class", "url")}>
                <Input
                  type="text"
{'fraction_non_alphanumeric': 0.13341200028606165, 'fraction_numerical': 0.0013230351140670815, 'mean_word_length': 1.1794731920199502, 'pattern_counts': {'":': 86, '<': 173, '<?xml version=': 0, '>': 183, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4719854', 'n_tokens_mistral': 8095, 'n_tokens_neox': 7847, 'n_words': 1816}