{"version":3,"file":"school_selector-D8cpKwGk.js","sources":["../../../client/app/bundles/Teacher/components/shared/school_selector.jsx"],"sourcesContent":["import React from 'react';\n\nimport LoadingIndicator from './loading_indicator.jsx';\nimport SchoolOption from './school_option';\n\nimport { requestGet, requestPost, } from '../../../../modules/request';\nimport { Input, NOT_LISTED, NO_SCHOOL_SELECTED, smallWhiteCheckIcon, } from '../../../Shared/index';\nimport useDebounce from '../../hooks/useDebounce';\n\nconst mapSearchSrc = `${process.env.CDN_URL}/images/onboarding/map-search.svg`\n\nconst DEBOUNCE_LENGTH = 500\nconst MINIMUM_SEARCH_LENGTH = 2\nconst WHOLE_SEARCH_IS_NUMBERS_REGEX = /^\\d+$/\n\nconst SchoolSelector = ({ selectSchool, showDismissSchoolSelectionReminderCheckbox, handleDismissSchoolSelectionReminder, disableSkipForNow}) => {\n  const [search, setSearch] = React.useState('')\n  const [schools, setSchools] = React.useState([])\n  const [errors, setErrors] = React.useState({})\n  const [loading, setLoading] = React.useState(false)\n  const [showNotListedModal, setShowNotListedModal] = React.useState(false)\n  const [unlistedSchoolName, setUnlistedSchoolName] = React.useState('')\n  const [unlistedSchoolZipcode, setUnlistedSchoolZipcode] = React.useState('')\n  const [dismissSchoolSelectionReminder, setDismissSchoolSelectionReminder] = React.useState(false)\n\n  const debouncedSearch = useDebounce(search, DEBOUNCE_LENGTH);\n\n  React.useEffect(() => {\n    if (search.length >= MINIMUM_SEARCH_LENGTH) {\n      setLoading(true)\n    }\n  }, [search])\n\n  React.useEffect(() => {\n    if (search.length < MINIMUM_SEARCH_LENGTH) { return }\n    // if they're typing a zip code, don't search until the full zip code is entered\n    if (search.match(WHOLE_SEARCH_IS_NUMBERS_REGEX) && search.length < 5) { return }\n\n    searchForSchool()\n  }, [debouncedSearch])\n\n  function toggleDismissReminderCheckbox() { setDismissSchoolSelectionReminder(!dismissSchoolSelectionReminder) }\n\n  function handleSkipClick() {\n    if (dismissSchoolSelectionReminder) {\n      handleDismissSchoolSelectionReminder()\n    }\n    selectSchool(NO_SCHOOL_SELECTED)\n  }\n\n  function handleNotListedClick() {\n    setShowNotListedModal(true)\n  }\n\n  function onChangeUnlistedSchoolName(e) { setUnlistedSchoolName(e.target.value) }\n  function onChangeUnlistedSchoolZipcode(e) { setUnlistedSchoolZipcode(e.target.value) }\n\n  function submitSchoolNotListedInformation() {\n    requestPost('/submit_unlisted_school_information', { school_name: unlistedSchoolName, school_zipcode: unlistedSchoolZipcode }, () => {\n      selectSchool(NOT_LISTED)\n    })\n  }\n\n  function searchForSchool() {\n    requestGet(\n      `${process.env.DEFAULT_URL}/schools?search=${search}`,\n      (body) => {\n        setSchools(body.data)\n        setLoading(false)\n      }\n    )\n  }\n\n  function updateSearch(e) {\n    setSearch(e.target.value)\n  }\n\n  const renderLoading = () => {\n    return (\n      <div className=\"loading\">\n        <LoadingIndicator />\n      </div>\n    )\n  }\n\n  const renderDefault = () => {\n    return (\n      <div className=\"default-school-search\">\n        <img alt=\"Map with a magnifying glass over it\" src={mapSearchSrc} />\n        <p className=\"message\">Search for your school above</p>\n      </div>\n    )\n  }\n\n  const renderSchoolNotListedModal = () => {\n    if (!showNotListedModal) { return <span /> }\n    return (\n      <div className=\"modal-container school-not-listed-modal-container\">\n        <div className=\"modal-background\" />\n        <div className=\"school-not-listed-modal quill-modal modal-body\">\n          <div>\n            <h3 className=\"title\">School not listed?</h3>\n          </div>\n          <p>Please share your school name and ZIP code below. Quill will review and update our database.</p>\n          <Input\n            handleChange={onChangeUnlistedSchoolName}\n            label=\"School name\"\n            type=\"text\"\n            value={unlistedSchoolName}\n          />\n          <Input\n            handleChange={onChangeUnlistedSchoolZipcode}\n            label=\"ZIP code\"\n            type=\"text\"\n            value={unlistedSchoolZipcode}\n          />\n          <div className=\"form-buttons\">\n            <button className=\"quill-button-archived primary contained medium focus-on-light\" onClick={submitSchoolNotListedInformation} type=\"button\">Done</button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  const noSchoolSelectedSchoolOption = (\n    <SchoolOption\n      key={NOT_LISTED}\n      numberOfTeachersText=''\n      school={{id: NOT_LISTED}}\n      secondaryText=\"Please select this if you can't find your school\"\n      selectSchool={handleNotListedClick}\n      text=\"Not listed\"\n    />\n  )\n\n  const renderSchoolsList = (schools) => {\n    const schoolItems = schools.map(school => {\n      const { city, number_of_teachers, state, street, text, zipcode } = school.attributes\n      const numberOfTeachers = number_of_teachers\n      let secondaryText = ''\n      let numberOfTeachersText = ''\n      if (street) {\n        secondaryText = `${street}, `\n      }\n      if (city) {\n        secondaryText += `${city}, `\n      }\n      if (state) {\n        secondaryText += `${state} `\n      }\n      if (zipcode) {\n        secondaryText += zipcode\n      }\n      if (numberOfTeachers) {\n        numberOfTeachersText = `${numberOfTeachers} Quill Teacher${numberOfTeachers === 1 ? '' : 's'}`\n      }\n      return (\n        <SchoolOption\n          key={school.id}\n          numberOfTeachersText={numberOfTeachersText}\n          school={school}\n          secondaryText={secondaryText}\n          selectSchool={selectSchool}\n          text={text}\n        />\n      )\n    })\n    return <ul className=\"list quill-list double-line\">{schoolItems}{noSchoolSelectedSchoolOption}</ul>\n  }\n\n  const skipForNowCheckbox = () => {\n    if (disableSkipForNow) { return }\n\n    let checkbox = (\n      <button\n        aria-checked={false}\n        aria-label=\"Unchecked\"\n        className=\"quill-checkbox unselected focus-on-light\"\n        onClick={toggleDismissReminderCheckbox}\n        role=\"checkbox\"\n        type=\"button\"\n      />\n    )\n\n    const checkboxWrapper = showDismissSchoolSelectionReminderCheckbox\n      ? <div className=\"checkbox-wrapper\">{checkbox} <span>Don&#39;t remind me again to select a school</span></div>\n      : <span />\n\n    if (dismissSchoolSelectionReminder) {\n      checkbox = (\n        <button\n          aria-checked={true}\n          className=\"quill-checkbox selected focus-on-light\"\n          onClick={toggleDismissReminderCheckbox}\n          role=\"checkbox\"\n          type=\"button\"\n        >\n          <img alt={smallWhiteCheckIcon.alt} src={smallWhiteCheckIcon.src} />\n        </button>\n      )\n    }\n\n    return (\n      <div className=\"school-not-listed\">\n        <button className=\"interactive-wrapper\" onClick={handleSkipClick} type=\"button\">Skip for now</button>\n        {checkboxWrapper}\n      </div>\n    )\n  }\n\n  const renderSchoolsListSection = () => {\n    let title\n    let schoolsListOrEmptyState\n\n    if (loading) {\n      schoolsListOrEmptyState = renderLoading()\n    } else if (search.length >= MINIMUM_SEARCH_LENGTH) {\n      schoolsListOrEmptyState = renderSchoolsList(schools)\n    } else {\n      schoolsListOrEmptyState = renderDefault()\n    }\n\n    return (\n      <div className=\"schools-list-section\">\n        <div className=\"title\">Results</div>\n        {schoolsListOrEmptyState}\n        {skipForNowCheckbox()}\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"school-search-container\">\n      {renderSchoolNotListedModal()}\n      <Input\n        className=\"search\"\n        error={errors.search}\n        handleChange={updateSearch}\n        id=\"search\"\n        label=\"Search by school name or zip code\"\n        type=\"text\"\n        value={search}\n      />\n      {renderSchoolsListSection()}\n    </div>\n  )\n}\n\nexport default SchoolSelector\n"],"names":["mapSearchSrc","DEBOUNCE_LENGTH","MINIMUM_SEARCH_LENGTH","WHOLE_SEARCH_IS_NUMBERS_REGEX","SchoolSelector","selectSchool","showDismissSchoolSelectionReminderCheckbox","handleDismissSchoolSelectionReminder","disableSkipForNow","search","setSearch","React","schools","setSchools","errors","setErrors","loading","setLoading","showNotListedModal","setShowNotListedModal","unlistedSchoolName","setUnlistedSchoolName","unlistedSchoolZipcode","setUnlistedSchoolZipcode","dismissSchoolSelectionReminder","setDismissSchoolSelectionReminder","debouncedSearch","useDebounce","searchForSchool","toggleDismissReminderCheckbox","handleSkipClick","NO_SCHOOL_SELECTED","handleNotListedClick","onChangeUnlistedSchoolName","e","onChangeUnlistedSchoolZipcode","submitSchoolNotListedInformation","requestPost","NOT_LISTED","requestGet","body","updateSearch","renderLoading","LoadingIndicator","renderDefault","renderSchoolNotListedModal","Input","noSchoolSelectedSchoolOption","SchoolOption","renderSchoolsList","schoolItems","school","city","number_of_teachers","state","street","text","zipcode","numberOfTeachers","secondaryText","numberOfTeachersText","skipForNowCheckbox","checkbox","checkboxWrapper","smallWhiteCheckIcon","renderSchoolsListSection","schoolsListOrEmptyState"],"mappings":"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"}