\n
\n \n setShowPassword(!showPassword)}\n className={classes.togglePassword}>\n {!showPassword &&
\n \n \n \n Forgot password?\n \n
\n {!!error && (\n \n {applyRecaptcha\n ? 'Please sign in again to submit ReCaptcha'\n : errorRef === 'e0004'\n ? 'Email or password is incorrect'\n : 'Something went wrong, try again later'}\n
\n )}\n\n
\n)\n\nexport default injectSheet(styles)(Auth)\n","import React, { useEffect } from 'react'\nimport injectSheet from 'react-jss'\nimport Button from 'pobble-components/dist/button'\nimport mylogin from './my-login.svg'\nimport {\n redirectAfterAuth,\n setToken\n} from 'pobble-components/dist/auth-helpers'\nimport { useLocation, useHistory } from 'react-router-dom'\nimport Spinner from 'pobble-components/dist/spinner'\nimport { apiClient } from 'pobble-components/dist/api'\nimport { getFinishSignupStatus } from '../../common/api/me.selectors'\nimport EVENTS from '../../events'\nimport Auth from '../auth/auth'\nimport { ENV } from 'pobble-components/dist/setup'\n\nconst OPTIONS = {\n prod: {\n clientId: '455A0392-26CB-4B5D-A5E6-BF14EA7731D2',\n redirectUri: 'https://app.pobble.com/auth/mylogin-callback'\n },\n stg: {\n clientId: '8e5262f6-d117-463e-86ed-e7d9c0022920',\n redirectUri: 'https://stg-app.pobble.com/auth/mylogin-callback'\n },\n local: {\n clientId: '8e5262f6-d117-463e-86ed-e7d9c0022920',\n redirectUri: 'http://localhost:3000/mylogin-callback'\n }\n}\n\nconst MY_LOGIN_URL = `https://app.mylogin.com/oauth/authorize?client_id=${\n OPTIONS[ENV].clientId\n}&redirect_uri=${OPTIONS[ENV].redirectUri}&response_type=code`\n\nexport const MyLoginOauthCallback = injectSheet({\n container: {\n display: 'flex',\n alignItems: 'center',\n height: '200px'\n }\n})(function MyLoginOauthCallback({ classes }) {\n const { search } = useLocation()\n const history = useHistory()\n const searchParams = new URLSearchParams(search)\n const code = searchParams.get('code')\n\n useEffect(\n () => {\n apiClient\n .post(\n `v3/mylogin_authentication`,\n { code, signup_origin: localStorage.getItem('origin') },\n {\n params: {\n include: 'account.finish_signup_status'\n }\n }\n )\n .then(res => {\n if (!res || !res.data || !res.data.jwt) return\n setToken(res.data.jwt)\n const FSUStatus = getFinishSignupStatus(res.data)\n\n EVENTS.onOauthSignin({ provider: 'mylogin' }).then(res => {\n !FSUStatus.finished\n ? history.push('/finish-signup')\n : redirectAfterAuth()\n })\n })\n },\n [code, history]\n )\n\n return (\n \n \n
\n \n
\n \n
\n )\n})\n","import { useLocation } from 'react-router-dom'\nimport { useEffect } from 'react'\n\nfunction useQuery() {\n return new URLSearchParams(useLocation().search)\n}\n\nexport function useOrigin() {\n const query = useQuery()\n const from = query.get('from')\n useEffect(\n () => {\n if (from) {\n const date = new Date()\n localStorage.setItem('origin', from)\n localStorage.setItem(\n 'originExpiry',\n date.getTime() + 6 * 60 * 60 * 1000\n ) // 6 hours from now\n }\n },\n [from]\n )\n\n const origin = localStorage.getItem('origin')\n const originExpiry = localStorage.getItem('originExpiry')\n if (!origin || !originExpiry) {\n return null\n }\n\n const now = new Date()\n\n if (now.getTime() > originExpiry) {\n localStorage.removeItem('origin')\n localStorage.removeItem('originExpiry')\n return null\n }\n\n return origin\n}\n","import React, { useEffect } from 'react'\nimport injectSheet from 'react-jss'\nimport { SignInForm } from './sign-in-form'\nimport Auth from '../../auth/auth'\nimport { JWT_EXPIRED } from 'pobble-components/dist/cookies'\nimport { toast } from 'pobble-components/dist/toast'\nimport Cookies from 'js-cookie'\nimport koala from './sign-in-koala.png'\nimport { Link } from 'react-router-dom'\nimport { Oauth } from '../../oauth/oauth'\nimport { useOrigin } from '../../../common/utils'\n\nconst SignIn = injectSheet(({ FONT_SIZES, BREAKPOINTS }) => ({\n container: {\n background: '#FAFAFA',\n minHeight: '100vh',\n paddingLeft: '24px',\n paddingRight: '24px'\n },\n signInBox: {\n padding: '56px 48px 32px',\n borderRadius: '8px',\n background: '#fff',\n boxShadow: '0 20px 25px rgba(0, 0, 0, .1)',\n display: 'flex',\n flexDirection: 'column',\n gap: '48px',\n maxWidth: '400px',\n width: '100%',\n margin: '0 24px'\n },\n divider: {\n margin: '0',\n position: 'relative',\n height: '1px',\n background: '#ECEDEA',\n font: 'var(--body--)',\n '& span': {\n position: 'absolute',\n left: '50%',\n top: '0',\n margin: '-14px 0 0 -10px',\n padding: '6px',\n background: '#fff'\n }\n },\n title: {\n textAlign: 'center',\n margin: '0',\n font: 'var(--heading-)',\n color: 'var(--gray)'\n },\n manual: {\n display: 'flex',\n flexDirection: 'column',\n gap: '48px'\n },\n signUp: {\n textAlign: 'center',\n color: 'var(--gray--)',\n '& a': {\n color: 'var(--dark-blue)',\n '&:hover, &:focus': {\n color: 'var(--dark-blue-)'\n }\n }\n },\n bg: {\n position: 'absolute',\n left: '50%',\n top: '230px',\n width: '867px',\n marginLeft: '-434px',\n pointerEvents: 'none',\n display: 'none',\n '@media (min-width: 541px)': {\n display: 'block'\n }\n },\n studentSignIn: {\n margin: '8px 0 24px',\n padding: '8px 16px',\n borderRadius: '16px',\n background: 'hsl(0 0% 95% / 1)',\n '& a': {\n color: 'var(--dark-blue)',\n '&:hover, &:focus': {\n color: 'var(--dark-blue-)'\n }\n }\n }\n}))(({ classes }) => {\n useOrigin()\n\n useEffect(() => {\n Cookies.set('VISITED_SIGNIN', true, { expires: 1 })\n if (JWT_EXPIRED.get()) {\n JWT_EXPIRED.remove()\n toast.warn('It looks like you were signed out. Please sign in again.')\n }\n }, [])\n\n return (\n \n Are you a student? Sign-in here\n
\n\n 
\n
\n \n Welcome back{' '}\n \n 👋\n \n
\n\n or\n
\n\n
\n \n Don't have an account? Sign up\n
\n \n
\n If not, please check your spam folder or email{' '}\n hello@pobble.com\n \n
\n ) : (\n You’re almost there…
\n\n We’ve sent you a confirmation email.\n
\n Please click the link in the email to confirm your Pobble account.\n
\n If not, please check your spam folder or email{' '}\n hello@pobble.com\n \n
\n
\n \n {\n e.preventDefault()\n if (pending) return false\n setPending(true)\n apiEmailSignUp({\n email: email,\n signup_account_type_decision: 'teacher',\n signup_origin: origin\n })\n .then(res => {\n EVENTS.onAfterFormSignup({\n type: 'teacher',\n email: email,\n res\n })\n setSuccess(true)\n })\n .catch(e => {\n setError(e.response)\n setPending(false)\n const code =\n e.response.data.errors && e.response.data.errors[0].err\n if (code !== 'e0014' && code !== 'e0054') errorHandler(e)\n })\n }}\n className={classes.form}>\n \n Email address \n {\n !!error && setError(null)\n setEmail(e.target.value)\n }}\n required\n type=\"email\"\n center\n />\n \n \n \n Get started\n \n \n {errorCode === 'e0014' && (\n
\n \n or\n
\n\n Sorry, this email is already taken. If you think it's yours,\n please request to{' '}\n reset your password\n
\n )}\n {errorCode === 'e0054' && (\n\n This email address is not valid or mistyped.\n
\n )}\n \n\n Already have an account? Sign in\n
\n \n 
\n
\n )}\n {(!initial || !!visitedSignIn) &&\n ScreenToShow && Please click to confirm you are a human!
\n\n \n {children}\n {pending && (\n \n
\n)\n\nexport default injectSheet(styles)(Container)\n","export default ({ FONT_SIZES }) => ({\n container: {\n ...FONT_SIZES.BODY_LARGE.STYLE,\n textAlign: 'center',\n display: 'flex',\n flexDirection: 'column',\n width: '330px',\n alignItems: 'center',\n animation: '0.5s fadeIn',\n position: 'relative'\n },\n pendingOverlay: {\n animation: '0.3s fadeIn',\n position: 'absolute',\n left: '0',\n top: '0',\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: 'rgba(255, 255, 255, 0.5)'\n },\n '@keyframes fadeIn': {\n from: { opacity: 0 },\n to: { opacity: 1 }\n }\n})\n","import React from 'react'\nimport styles from './pending.styles'\nimport injectSheet from 'react-jss'\nimport Spinner from 'pobble-components/dist/spinner'\nimport Container from '../components/container/container'\n\nconst Pending = ({ classes }) => (\n \n
\n )}\n {children}
\n)\n\nexport default injectSheet(styles)(Title)\n","export default ({ FONT_SIZES }) => ({\n title: {\n margin: '0 0 25px',\n ...FONT_SIZES.HEADING_BIG.STYLE\n }\n})\n","import React from 'react'\nimport styles from './description.styles'\nimport injectSheet from 'react-jss'\n\nconst Description = ({ classes, children }) => (\n{children}
\n)\n\nexport default injectSheet(styles)(Description)\n","export default {\n container: {\n margin: '0 0 30px',\n '& a': {\n color: 'currentColor'\n },\n '& > p': {\n margin: '15px 0 0',\n '&:first-child': {\n margin: '0'\n }\n }\n }\n}\n","import React from 'react'\nimport styles from './expired.styles'\nimport injectSheet from 'react-jss'\nimport Container from '../components/container/container'\nimport Title from '../components/title/title'\nimport Description from '../components/description/description'\nimport CatCountdown from './cat-countdown.gif'\nimport Button from 'pobble-components/dist/button'\nimport { Link } from 'react-router-dom'\n\nconst Expired = ({ classes, onResend, pending }) => (\n \n This link has expired.\n
\n Note you can only use it once.\n
\n If you have any questions contact us at{' '}\n hello@pobble.com.\n
\n\n \n \n \n \n
\n \n We have registered your permission. You can always adjust this setting\n via your Pobble profile\n
\n\n Thank you, we've registered your preference. You can control it via your\n Pobble account.\n
\n\n \n
\n Sorry, that link is invalid
\n\n If you have any questions, please contact{' '}\n hello@pobble.com\n
\n\n We have logged the error and are looking into it. If this continues to\n happen please contact{' '}\n hello@pobble.com\n
\n {errorRef &&Ref: {errorRef}
}\n\n Your new email is {params.new_email}\n
\n\n Please check your inbox.\n
\n We've sent you an email with a new link.\n
\n
\n ) : (\n children\n )\n\nexport default injectSheet(styles)(Suspense)\n","export default {\n container: {\n width: '100px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n margin: '100px 0 0'\n }\n}\n","import { connect } from 'react-redux'\nimport Suspense from './suspense'\nimport { withMe } from 'pobble-components/dist/pobble-user'\n\nconst mapStateToProps = (state, { me, meRequest }) => ({\n pending: !me && meRequest.pending\n})\n\nexport default withMe(\n connect(\n mapStateToProps,\n null\n )(Suspense)\n)\n","import React, { useEffect } from 'react'\nimport styles from './constructor.styles'\nimport injectSheet from 'react-jss'\nimport posthog from 'posthog-js'\n\nconst Constructor = ({\n classes,\n Screen,\n options,\n accountType,\n forcedAccount,\n me\n}) => {\n const finishSignupStep = me?.account?.finish_signup_status?.next_step?.type\n const finished = me?.account?.finish_signup_status?.finished\n\n useEffect(\n () => {\n posthog.capture('finish signup step', {\n step: finishSignupStep,\n finished\n })\n },\n [finishSignupStep, finished]\n )\n\n return (\n \n
\n )\n}\n\nexport default injectSheet(styles)(Constructor)\n","import React from 'react'\nimport styles from './container.styles'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\n\nconst Container = ({\n classes,\n img,\n primary,\n secondary,\n children,\n success,\n noHead,\n neutral,\n imgClassName\n}) => (\n \n
\n )}\n {children}\n \n)\n\nexport default injectSheet(styles)(Container)\n","export default ({ COLORS, FONT_SIZES }) => ({\n container: {\n border: '1px solid #EEE',\n borderRadius: '10px',\n ...FONT_SIZES.BODY_LARGE.STYLE,\n margin: '0 0 10px'\n },\n imgHolder: {\n width: '100px',\n height: '100px',\n borderRadius: '100px',\n margin: '25px 0 0',\n border: '1px solid #ECECEC',\n backgroundPosition: 'center',\n backgroundSize: 'cover'\n },\n primary: {\n '& $head': {\n backgroundColor: COLORS.BLUE.NORMAL\n }\n },\n secondary: {\n '& $head': {\n backgroundColor: COLORS.DARK_BLUE.NORMAL\n }\n },\n neutral: {\n '& $head': {\n backgroundColor: '#555'\n }\n },\n head: {\n transition: 'background-color 0.3s',\n display: 'flex',\n height: '76px',\n justifyContent: 'center',\n borderRadius: '10px 10px 0 0'\n }\n})\n","import React from 'react'\nimport styles from './description.styles'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\n\nconst Description = ({\n classes,\n title,\n children,\n thanks,\n first,\n last,\n noBorder,\n smallFont\n}) => (\n {title}
\n {children}\n \n)\n\nexport default injectSheet(styles)(Description)\n","export default ({ COLORS, FONT_SIZES }) => ({\n container: {\n textAlign: 'center',\n backgroundColor: '#F8F8F8',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n padding: '58px 20px 24px',\n borderBottom: '1px solid #ececec',\n '& p': {\n margin: '0 0 10px'\n },\n '& a': {\n color: COLORS.BLUE.NORMAL,\n fontWeight: 'bold',\n textDecoration: 'none'\n }\n },\n noBorder: {\n border: 'none'\n },\n first: {\n borderRadius: '10px 10px 0 0'\n },\n last: {\n borderRadius: '0 0 10px 10px',\n border: 'none'\n },\n thanks: {\n borderRadius: '0 0 10px 10px'\n },\n smallFont: {\n ...FONT_SIZES.BODY_DEFAULT.STYLE\n },\n title: {\n fontSize: '24px',\n lineHeight: '28px',\n margin: '0 0 10px'\n }\n})\n","import React from 'react'\nimport styles from './wrapper.styles'\nimport injectSheet from 'react-jss'\n\nconst Wrapper = ({ classes, children }) => (\n{children}
\n)\n\nexport default injectSheet(styles)(Wrapper)\n","export default ({ BREAKPOINTS }) => ({\n wrapper: {\n maxWidth: '370px',\n width: '100vw',\n [`@media (max-width: ${BREAKPOINTS.XS})`]: {\n padding: '0 20px',\n maxWidth: '370px'\n }\n }\n})\n","import React from 'react'\nimport styles from './form-wrapper.styles'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\n\nconst FormWrapper = ({ classes, children, pending }) => (\n {error}
}\n \n Start my 7-day free trial \n \n Or continue with a free account\n \n
\n )\n})\n","import React, { useEffect } from 'react'\nimport injectSheet from 'react-jss'\nimport Wrapper from '../../../../wrapper/wrapper'\nimport Container from '../../../../container/container'\nimport Description from '../../../../description/description'\nimport Footer from '../../../../footer/footer'\nimport Button from 'pobble-components/dist/button'\nimport { FIRST_SESSION } from 'pobble-components/dist/cookies'\nimport EVENTS from '../../../../../events'\nimport { FSUupsell } from './fsu-upsell/fsu-upsell'\nimport { useSubscriptionDetails } from 'pobble-components/dist/subscriptions/utils'\n\nconst styles = ({ FONT_SIZES, COLORS }) => ({\n wrapper: {\n width: '100vw',\n marginTop: '-132px',\n '@media (max-width: 575px)': {\n marginTop: '-102px'\n }\n },\n container: {\n maxWidth: '1200px',\n background: '#fff',\n padding: '20px 20px 0',\n margin: '0 auto'\n },\n title: {\n ...FONT_SIZES.HEADING_EXTRA_LARGE.STYLE,\n margin: '24px 0 0',\n textAlign: 'center',\n color: COLORS.PURPLE.NORMAL\n },\n pitch: {\n textAlign: 'center',\n '& p': {\n ...FONT_SIZES.BODY_LARGE.STYLE,\n margin: '8px 0 32px'\n }\n },\n free: {\n textAlign: 'center',\n margin: '24px auto',\n '& button': {\n ...FONT_SIZES.HEADING_MEDIUM.STYLE\n }\n },\n fsuWrapper: {\n padding: '25px',\n maxWidth: '600px',\n textAlign: 'center'\n }\n})\n\nconst Finished = ({ classes, onGoToPobble, me }) => {\n useEffect(() => {\n FIRST_SESSION.set(true, {\n expires: 1 / 24\n })\n }, [])\n\n const { offerFreeTrial, isInPobbleSchool } = useSubscriptionDetails()\n\n const isSchoolRepresentative =\n me.account.role_in_life === 'school_administrator' ||\n me.account.role_in_life === 'english_leader_in_school'\n\n const isStudentRole = me.account.role_in_life === 'student'\n\n useEffect(() => {\n EVENTS.onAfterFinishSignup()\n }, [])\n\n if (\n !isStudentRole &&\n offerFreeTrial &&\n !isInPobbleSchool &&\n !isSchoolRepresentative\n ) {\n return (\n \n \n ✨\n {' '}\n Start your 7-day free trial and unlock all premium features today!{' '}\n \n ✨\n \n
\n\n Say goodbye to lesson planning stress and “I don’t know what to write!”{' '}\n
\n With Pobble Premium, you’ll have everything you need to inspire every\n pupil to write confidently. You'll gain:\n
\n \n
\n - \n
- \n \n 🗓️\n {' '}\n \n 365 days of writing prompts\n - unlock our full calendar and never run out of ideas.\n \n \n
- \n \n 💡\n \n \n Differentiated lessons\n \n {' '}\n - tailored prompts to support every learner in your classroom.\n \n \n \n
- \n \n 🙌\n {' '}\n \n Ready-made lessons\n \n {' '}\n - save hours of planning with creative, high-quality resources.\n \n \n \n
- \n \n 🫶\n {' '}\n \n Engaging activities\n \n {' '}\n - keep writing lessons fun, fresh, and effective all year long.\n \n \n \n
\n Try Pobble Premium free for 7 days and see the difference in your\n classroom. 🪄📝
\n
\n All this and more, for just{' '}\n {price && `${price.currency}${price.price}/month`}!
\n \n 🚀\n {' '}\n Don't miss out – try Pobble Premium now!{' '}\n \n 🚀\n \n
\n \n
\n All this and more, for just{' '}\n {price && `${price.currency}${price.price}/month`}!
\n \n 🚀\n {' '}\n Don't miss out – try Pobble Premium now!{' '}\n \n 🚀\n \n
\n No payment needed now. Cancel anytime\n
\n \n After your 7-day trial, continue to enjoy Pobble Premium for just{' '}\n {price && `${price.currency}${price.price}/month`}, billed annually.\n \n
\n \n
\n \n
\n )\n }\n\n return (\n Your account is now complete.
\n\n We have logged the error and now looking into it. If this continues to\n happen please contact{' '}\n hello@pobble.com\n
\n\n
\n \n Let's finish setting up your account\n
\n\n By continuing you accept our\n
\n
\n
\n )\n }\n}\n\nexport default injectSheet(styles)(SchoolSearch)\n","export default ({ COLORS }) => ({\n container: {\n display: 'flex'\n },\n input: {\n borderRadius: '4px 0 0 4px',\n borderRight: 'none'\n },\n label: {\n cursor: 'pointer',\n color: '#fff',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n width: '40px',\n height: '40px',\n backgroundColor: COLORS.BLUE.NORMAL,\n borderRadius: '0 4px 4px 0'\n }\n})\n","import { apiClient } from 'pobble-components/dist/api'\n\nconst schoolsSearch = params => apiClient.get('v3/schools_search', { params })\n\nexport { schoolsSearch }\n","import { apiSendAccountDetails } from '../../../../../../common/api/profile'\nimport { schoolsSearch } from '../../../../../../common/api/school'\n\nconst finishAsParent = () => ({\n requestPrefix: 'FSU_TEACHER:FINISH_AS_PARENT',\n request: () => apiSendAccountDetails({ signup_account_type_decision: 'user' })\n})\n\nconst searchSchool = value => ({\n requestPrefix: 'FSU_TEACHER:SEARCH_SCHOOL',\n params: { value },\n request: () =>\n schoolsSearch({\n search_term: value,\n all_schools: true,\n limit: 10\n })\n})\n\nconst setSchool = data => ({\n type: 'FSU_TEACHER:SET_SCHOOL',\n data\n})\n\nconst showNewSchool = () => ({\n type: 'FSU_TEACHER:SHOW_NEW_SCHOOL'\n})\n\nconst clearState = () => ({\n type: 'FSU_TEACHER:CLEAR_STATE'\n})\n\nexport { searchSchool, setSchool, showNewSchool, finishAsParent, clearState }\n","import { connect } from 'react-redux'\nimport SchoolSearch from './search'\nimport debounce from 'lodash/debounce'\nimport { searchSchool } from '../../redux/fsu-teacher.actions'\nimport { errorHandler } from 'pobble-components/dist/error-handler'\n\nconst mapDispatchToProps = dispatch => ({\n onChange: debounce(\n value => dispatch(searchSchool(value)).catch(errorHandler),\n 500\n )\n})\n\nexport default connect(\n null,\n mapDispatchToProps\n)(SchoolSearch)\n","import React from 'react'\nimport styles from './school.styles'\nimport injectSheet from 'react-jss'\nimport classNames from 'classnames'\n\nconst School = ({ classes, title, address, id, onClick, selected }) => (\n {title}
\n{address}
\n \n)\n\nexport default injectSheet(styles)(School)\n","export default ({ COLORS }) => ({\n container: {\n cursor: 'pointer',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n borderBottom: '1px solid #ececec',\n padding: '16px 0'\n },\n title: {\n margin: '0 0 5px'\n },\n address: {\n fontSize: '10px',\n lineHeight: '12px',\n margin: '0'\n },\n selected: {\n background: COLORS.BLUE.NORMAL,\n borderColor: COLORS.BLUE.NORMAL,\n color: '#fff'\n }\n})\n","import { createSelector } from 'reselect'\n\nconst getSchoolsData = state => state.FSUTeacher.schools\n\nconst getTeacherFSUState = state => state.FSUTeacher.state\n\nconst getSearchRequest = state => state.FSUTeacher.schoolSearchRequest\n\nconst getFinishAsParentRequest = state => state.FSUTeacher.finishAsParentRequest\n\nconst getFoundSchools = createSelector(\n [getSchoolsData],\n schoolsData => schoolsData.result\n)\n\nconst getSearchValue = createSelector(\n [getSchoolsData],\n schoolsData => schoolsData.searchValue\n)\n\nconst getSelectedSchool = createSelector(\n [getTeacherFSUState],\n fsuState => fsuState.school\n)\n\nconst isNewSchool = createSelector(\n [getTeacherFSUState],\n fsuState => fsuState.newSchool\n)\n\nexport {\n getFoundSchools,\n getSearchValue,\n getSelectedSchool,\n isNewSchool,\n getSearchRequest,\n getFinishAsParentRequest\n}\n","import { connect } from 'react-redux'\nimport School from './school'\nimport { setSchool } from '../../../redux/fsu-teacher.actions'\nimport { getSelectedSchool } from '../../../redux/fsu-teacher.selectors'\n\nconst mapStateToProps = (state, { id }) => {\n const selectedSchool = getSelectedSchool(state)\n if (selectedSchool && selectedSchool.id === id)\n return {\n selected: true\n }\n}\n\nconst mapDispatchToProps = (dispatch, { id, title }) => ({\n onClick: () => dispatch(setSchool({ id, title }))\n})\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(School)\n","import React from 'react'\nimport styles from './schools-list.styles'\nimport injectSheet from 'react-jss'\nimport School from './school/school.container'\n\nconst SchoolsList = ({ classes, schools, emptyValueError, noResultsError }) =>\n emptyValueError ? (\n\n Start searching for your school via name and location\n
\n ) : noResultsError ? (\n \n There is no schools matching search criteria\n
\n ) : (\n \n {schools.map(school => (\n
\n )\n\nexport default injectSheet(styles)(SchoolsList)\n","export default {\n container: {\n position: 'relative'\n },\n message: {\n color: '#bbb',\n margin: '28px 0 0',\n padding: '0 50px',\n textAlign: 'center'\n },\n pendingOverlay: {\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center'\n }\n}\n","import { connect } from 'react-redux'\nimport SchoolsList from './schools-list'\nimport {\n getFoundSchools,\n getSearchValue,\n getSearchRequest\n} from '../../redux/fsu-teacher.selectors'\n\nconst mapStateToProps = state => {\n const searchValue = getSearchValue(state)\n const schools = getFoundSchools(state)\n const pending = getSearchRequest(state).pending\n return {\n emptyValueError: !pending && (!searchValue || schools === null),\n noResultsError: !pending && (searchValue && schools && !schools.length),\n schools: schools || []\n }\n}\n\nexport default connect(\n mapStateToProps,\n null\n)(SchoolsList)\n","import React from 'react'\nimport injectSheet from 'react-jss'\nimport styles from './back-button.styles'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCaretLeft } from '@fortawesome/pro-solid-svg-icons/faCaretLeft'\nimport classNames from 'classnames'\n\nconst BackButton = ({ classes, children, bottomMargin, ...props }) => (\n \n Note: your account will be verified\n
\n with your school admin.\n
\n {searchPending && (\n
\n {showSchoolNotInTheList && (\n \n )}\n \n
\n )}\n \n \n Cancel signup\n \n
\n)\n\nexport default injectSheet(styles)(CancelSignup)\n","export default ({ COLORS, FONT_SIZES }) => ({\n container: {\n textAlign: 'center',\n ...FONT_SIZES.BODY_LARGE.STYLE\n },\n cancel: {\n color: COLORS.BLUE.NORMAL,\n fontWeight: 'bold',\n cursor: 'pointer'\n }\n})\n","import { connect } from 'react-redux'\nimport CancelSignup from './cancel-signup'\nimport { apiLogout } from '../../../../../common/api/profile'\nimport { withRouter } from 'react-router'\nimport { errorHandler } from 'pobble-components/dist/error-handler'\n\nconst mapDispatchToProps = (dispatch, { history }) => ({\n onCancel: () => apiLogout().catch(errorHandler) && history.push('/')\n})\n\nexport default withRouter(\n connect(\n null,\n mapDispatchToProps\n )(CancelSignup)\n)\n","import React from 'react'\nimport styles from './form.styles'\nimport injectSheet from 'react-jss'\nimport FormWrapper from '../../../../../form-wrapper/form-wrapper'\nimport FormHolder from '../../../../../form-holder/form-holder'\nimport Footer from '../../../../../footer/footer'\nimport Button from 'pobble-components/dist/button'\nimport FormRow from '../../../../../form-row/form-row'\nimport FormLabel from '../../../../../form-label/form-label'\nimport FormInput from 'pobble-components/dist/form-elements/form-input'\nimport { Formik } from 'formik'\nimport * as Yup from 'yup'\n\nconst Form = ({ classes, onSubmit, pending, error, suggestedEmail }) => (\n \n We’ve sent you a confirmation email.\n
\n Please click the link in the email to activate your Pobble account.\n
\n You should receive the link within 2 minutes.\n
\n If you haven’t received it, please check your spam folder, or email{' '}\n
\n We’ve sent you a confirmation email.\n
\n Please click the link in the email to activate your Pobble account.\n
\n You should receive the link within 2 minutes.\n
\n If you haven’t received it, you can try to re-send email:\n
\n
Email has been re-sent!
\n )}\n- \n
\n We've emailed you a link,\n
\n so you can update your password.\n
\n Forgotten your password or re-send your account activation link?\n Enter your email and we’ll help you out\n
\n \n\n
\n