├── .gitignore
├── README.md
├── components
    ├── ConfettiOnSuccess.js
    ├── Popup.js
    ├── Timeline.js
    ├── color-switcher.js
    ├── flag.js
    ├── force-theme.js
    ├── fullstory.js
    ├── locale-switcher.js
    ├── nprogress.js
    └── plausible.js
├── lib
    ├── airtable.js
    ├── countrycodes.js
    └── helpers.js
├── manifest.js
├── next.config.js
├── package.json
├── pages
    ├── [application]
    │   └── [leader]
    │   │   ├── [type].js
    │   │   ├── index.js
    │   │   ├── review.js
    │   │   └── status.js
    ├── _app.js
    ├── api
    │   ├── [type]
    │   │   └── save.js
    │   ├── auth
    │   │   └── [token].js
    │   ├── invite.js
    │   ├── login.js
    │   ├── manifest.js
    │   ├── remove.js
    │   └── submit.js
    └── index.js
├── prettier.config.js
├── public
    ├── card_1.png
    ├── favicon.png
    ├── fullstory.js
    ├── orpheus_flag.svg
    ├── underline-green.svg
    └── underline.svg
├── styles
    └── app.css
├── translations
    ├── en-US.js
    └── pt-BR.js
└── yarn.lock


/.gitignore:
--------------------------------------------------------------------------------
1 | .now
2 | .next
3 | node_modules
4 | .DS_Store
5 | .env
6 | .env.*
7 | package-lock.json
8 | .vercel
9 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Hack Club Applications
 2 | 
 3 | Apply to [Hack Club](https://hackclub.com/), built with [React](https://reactjs.org/) and [Next.js](https://nextjs.org).
 4 | 
 5 | ## Setup
 6 | 
 7 | 1. Clone the repository and enter it
 8 | 
 9 | ```
10 | git clone https://github.com/hackclub/apply.git
11 | cd apply
12 | ```
13 | 
14 | 2. Install packages & run
15 | 
16 | ```
17 | yarn && yarn run dev
18 | ```
19 | 
20 | 4. It should now be running, open [localhost:3000](http://localhost:3000) to view it
21 | 


--------------------------------------------------------------------------------
/components/ConfettiOnSuccess.js:
--------------------------------------------------------------------------------
 1 | import ReactCanvasConfetti from 'react-canvas-confetti'
 2 | import { useCallback, useEffect, useRef, useState } from 'react'
 3 | import { useRouter } from 'next/router'
 4 | 
 5 | function randomInRange(min, max) {
 6 |   return Math.random() * (max - min) + min
 7 | }
 8 | 
 9 | const canvasStyles = {
10 |   position: 'fixed',
11 |   pointerEvents: 'none',
12 |   width: '100%',
13 |   height: '100%',
14 |   top: 0,
15 |   left: 0
16 | }
17 | 
18 | export default function ConfettiOnSuccess({ applicationStatus }) {
19 |   const refAnimationInstance = useRef(null)
20 |   const router = useRouter()
21 | 
22 |   function getFireworkAnimationSettings(originXA, originXB) {
23 |     return {
24 |       startVelocity: 35,
25 |       spread: 360,
26 |       ticks: 100,
27 |       zIndex: 0,
28 |       particleCount: 100,
29 |       origin: {
30 |         x: randomInRange(originXA, originXB),
31 |         y: Math.random()
32 |       }
33 |     }
34 |   }
35 | 
36 |   const getInstance = useCallback(instance => {
37 |     refAnimationInstance.current = instance
38 |   }, [])
39 | 
40 |   const nextFireworkTickAnimation = useCallback(() => {
41 |     if (refAnimationInstance.current) {
42 |       refAnimationInstance.current(getFireworkAnimationSettings(0.2, 0.3))
43 |       refAnimationInstance.current(getFireworkAnimationSettings(0.7, 0.9))
44 |     }
45 |   }, [])
46 | 
47 |   useEffect(() => {
48 |     if (applicationStatus !== 'rejected') {
49 |       setTimeout(nextFireworkTickAnimation, 1000)
50 |       setTimeout(nextFireworkTickAnimation, 1800)
51 |       setTimeout(nextFireworkTickAnimation, 2600)
52 |       setTimeout(nextFireworkTickAnimation, 3400)
53 |       setTimeout(nextFireworkTickAnimation, 4200)
54 |     }
55 |   }, [])
56 | 
57 |   return (
58 |     <>
59 |       <ReactCanvasConfetti refConfetti={getInstance} style={canvasStyles} />
60 |     </>
61 |   )
62 | }
63 | 


--------------------------------------------------------------------------------
/components/Popup.js:
--------------------------------------------------------------------------------
 1 | import { Button, Box, Card, Text } from 'theme-ui'
 2 | 
 3 | export default function Popup({ content, onClose }) {
 4 |   return (
 5 |     <Box
 6 |       sx={{
 7 |         position: 'fixed',
 8 |         top: 0,
 9 |         left: 0,
10 |         width: '100%',
11 |         height: '100vh',
12 |         display: 'flex',
13 |         justifyContent: 'center',
14 |         alignItems: 'center',
15 |         zIndex: 999
16 |       }}
17 |     >
18 |       <Card
19 |         variant="interactive"
20 |         sx={{
21 |           border: '2px solid',
22 |           borderColor: 'primary',
23 |           maxWidth: ['auto', '450px']
24 |         }}
25 |       >
26 |         <Text sx={{ fontSize: 2 }}>{content}</Text>
27 |         <Button
28 |           variant="primary"
29 |           onClick={onClose}
30 |           sx={{ width: '100%', display: 'block', mt: 2, boxShadow: 'none' }}
31 |         >
32 |           Ok, I got it
33 |         </Button>
34 |       </Card>
35 |     </Box>
36 |   )
37 | }
38 | 


--------------------------------------------------------------------------------
/components/Timeline.js:
--------------------------------------------------------------------------------
  1 | import { Box, Card, Text, Flex } from 'theme-ui'
  2 | import Icon from '@hackclub/icons'
  3 | import { useState, useEffect } from 'react'
  4 | import { useRouter } from 'next/router'
  5 | import { returnLocalizedMessage } from '../lib/helpers'
  6 | 
  7 | export default function TimelineCard({
  8 |   params,
  9 |   applicationsRecord,
 10 |   leaderRecord,
 11 |   trackerRecord,
 12 |   saved
 13 | }) {
 14 |   const [clubProgress, setClubProgress] = useState(
 15 |     (Object.keys(applicationsRecord.fields).length - 6) / 10
 16 |   )
 17 |   const [leaderProgress, setLeaderProgress] = useState(
 18 |     (Object.keys(leaderRecord.fields).length - 7) / 9
 19 |   )
 20 |   const [status, setStatus] = useState(0)
 21 |   const [submission, setSubmission] = useState(0)
 22 |   const applicationStatus = trackerRecord[0]?.fields.Status
 23 |   const router = useRouter()
 24 | 
 25 |   useEffect(() => {
 26 |     if (leaderProgress > 1) {
 27 |       setLeaderProgress(1)
 28 |     } else if (leaderProgress < 0) {
 29 |       setLeaderProgress(0)
 30 |     }
 31 |     if (clubProgress > 1) {
 32 |       setClubProgress(1)
 33 |     } else if (clubProgress < 0) {
 34 |       setClubProgress(0)
 35 |     }
 36 | 
 37 |     applicationsRecord.fields['Submitted']
 38 |       ? setSubmission(100)
 39 |       : setSubmission(0)
 40 |   }, [saved])
 41 | 
 42 |   useEffect(() => {
 43 |     if (applicationStatus === 'rejected') {
 44 |       setStatus(100)
 45 |     } else if (applicationsRecord.fields['Submitted'] != 1) {
 46 |       setStatus(0)
 47 |     } else if (applicationStatus === 'awaiting onboarding') {
 48 |       setStatus(75)
 49 |     } else if (applicationStatus === 'applied') {
 50 |       setStatus(50)
 51 |     } else if (applicationStatus === 'inactive') {
 52 |       setStatus(100)
 53 |     } else if (applicationStatus === 'onboarded') {
 54 |       setStatus(100)
 55 |     } else {
 56 |       setStatus(0)
 57 |     }
 58 |   }, [])
 59 | 
 60 |   const timelineRouting = [
 61 |     {
 62 |       href: `/${params.application}/${params.leader}`,
 63 |       color: '#33d6a6',
 64 |       icon: 'home',
 65 |       progress: null,
 66 |       value: returnLocalizedMessage(router.locale, 'HOME'),
 67 |       slug: ''
 68 |     },
 69 |     {
 70 |       href: `/${params.application}/${params.leader}/leader`,
 71 |       color: '#33d6a6',
 72 |       icon: 'profile',
 73 |       progress: `${leaderProgress * 100}%`,
 74 |       value: returnLocalizedMessage(router.locale, 'LEADER_PROFILE'),
 75 |       slug: 'leader'
 76 |     },
 77 |     {
 78 |       href: `/${params.application}/${params.leader}/club`,
 79 |       color: '#33d6a6',
 80 |       icon: 'flag',
 81 |       progress: `${clubProgress * 100}%`,
 82 |       value: returnLocalizedMessage(router.locale, 'YOUR_CLUB'),
 83 |       slug: 'club'
 84 |     },
 85 |     {
 86 |       href: `/${params.application}/${params.leader}/review`,
 87 |       color: '#33d6a6',
 88 |       icon: 'checkmark',
 89 |       progress: `${submission}%`,
 90 |       value: returnLocalizedMessage(router.locale, 'REVIEW'),
 91 |       slug: 'review'
 92 |     },
 93 |     {
 94 |       href: `/${params.application}/${params.leader}/status`,
 95 |       color: `${
 96 |         applicationStatus === 'inactive'
 97 |           ? '#ff8c37'
 98 |           : applicationStatus != 'rejected'
 99 |           ? '#33d6a6'
100 |           : '#ec3750'
101 |       }`,
102 |       icon: 'emoji',
103 |       progress: `${status}%`,
104 |       value: returnLocalizedMessage(router.locale, 'STATUS'),
105 |       slug: 'status'
106 |     }
107 |   ]
108 | 
109 |   function ProgressBar({ item }) {
110 |     return (
111 |       <Box
112 |         sx={{
113 |           width: `${
114 |             leaderRecord.fields['Email'] !=
115 |             applicationsRecord.fields['Leaders Emails'][0]
116 |               ? '170px'
117 |               : '115px'
118 |           }`,
119 |           backgroundColor: '#f0f0f0',
120 |           borderRadius: '10px',
121 |           height: '10px',
122 |           margin: '0px 5px 5px 5px'
123 |         }}
124 |       >
125 |         <Box
126 |           sx={{
127 |             height: '10px',
128 |             borderRadius: '10px',
129 |             maxWidth: '100%'
130 |           }}
131 |           style={{
132 |             width: `${item.progress}`,
133 |             backgroundColor: `${item.color}`
134 |           }}
135 |         />
136 |       </Box>
137 |     )
138 |   }
139 | 
140 |   return (
141 |     <Card
142 |       px={[4, 4]}
143 |       pt={[1, 2]}
144 |       pb={[1, 4]}
145 |       mb={3}
146 |       sx={{
147 |         alignItems: 'center',
148 |         '> svg': { display: ['none', 'sticky'] }
149 |       }}
150 |     >
151 |       <Flex
152 |         sx={{
153 |           flexDirection: ['column', 'row'],
154 |           display: ['sticky'],
155 |           alignItems: 'center',
156 |           textAlign: 'center',
157 |           flexGrow: 1
158 |         }}
159 |       >
160 |         {timelineRouting.map((item, idx) => {
161 |           return (
162 |             <>
163 |               {item.value === 'Your Club' &&
164 |               leaderRecord.fields['Email'] !=
165 |                 applicationsRecord.fields['Leaders Emails'][0] ? null : (
166 |                 <>
167 |                   <Box
168 |                     key={idx}
169 |                     sx={{
170 |                       display: ['none', 'inline-block'],
171 |                       mb: '1rem'
172 |                     }}
173 |                   >
174 |                     <Box
175 |                       sx={{
176 |                         display: 'flex',
177 |                         flexDirection: 'row',
178 |                         alignItems: 'center',
179 |                         cursor: `${
180 |                           item.icon === 'emoji'
181 |                             ? applicationsRecord.fields['Submitted'] === true
182 |                               ? 'pointer'
183 |                               : 'not-allowed'
184 |                             : 'pointer'
185 |                         }`,
186 |                         marginTop: '5px'
187 |                       }}
188 |                     >
189 |                       {item.progress == null ? null : (
190 |                         <ProgressBar item={item} />
191 |                       )}
192 |                       <div>
193 |                         <Box
194 |                           onClick={() => {
195 |                             {
196 |                               item.slug === 'status'
197 |                                 ? applicationsRecord.fields['Submitted'] ===
198 |                                   true
199 |                                   ? router.push(item.href)
200 |                                   : null
201 |                                 : router.push(item.href)
202 |                             }
203 |                           }}
204 |                         >
205 |                           <Icon
206 |                             glyph={item.icon}
207 |                             className={
208 |                               applicationStatus === 'rejected' ||
209 |                               applicationStatus === 'onboarded' ||
210 |                               router.asPath.split('/')[3] === item.slug
211 |                                 ? ''
212 |                                 : item.slug === 'status' && applicationStatus
213 |                                 ? 'flashing'
214 |                                 : ''
215 |                             }
216 |                             style={{
217 |                               color: [
218 |                                 item.progress === '100%' ||
219 |                                 item.progress === null
220 |                                   ? item.color
221 |                                   : applicationStatus === 'rejected'
222 |                                   ? '#ec3750'
223 |                                   : router.asPath.split('/')[3] === item.slug
224 |                                   ? '#ff8c37'
225 |                                   : 'black'
226 |                               ]
227 |                             }}
228 |                           />
229 |                         </Box>
230 |                         <Text
231 |                           className={
232 |                             applicationStatus === 'rejected' ||
233 |                             applicationStatus === 'onboarded' ||
234 |                             router.asPath.split('/')[3] === item.slug
235 |                               ? ''
236 |                               : item.slug === 'status' && applicationStatus
237 |                               ? 'bg-flashing'
238 |                               : ''
239 |                           }
240 |                           sx={{
241 |                             transition: '0.4s ease-in-out',
242 |                             backgroundColor: [
243 |                               item.progress === '100%' || item.progress === null
244 |                                 ? item.color
245 |                                 : applicationStatus === 'rejected'
246 |                                 ? '#ec3750'
247 |                                 : router.asPath.split('/')[3] === item.slug
248 |                                 ? '#ff8c37'
249 |                                 : '#5e5e5e'
250 |                             ],
251 |                             color: 'white',
252 |                             display: 'inline',
253 |                             borderRadius: '999999px',
254 |                             px: '10px',
255 |                             py: '1px',
256 |                             ml: `${
257 |                               item.value ===
258 |                               returnLocalizedMessage(
259 |                                 router.locale,
260 |                                 'LEADER_PROFILE'
261 |                               )
262 |                                 ? '-50px'
263 |                                 : item.value ===
264 |                                   returnLocalizedMessage(
265 |                                     router.locale,
266 |                                     'YOUR_CLUB'
267 |                                   )
268 |                                 ? '-40px'
269 |                                 : '-30px'
270 |                             }`,
271 |                             boxSizing: 'border-box',
272 |                             position: ['relative', 'absolute']
273 |                           }}
274 |                           onClick={() => {
275 |                             {
276 |                               item.slug === 'status'
277 |                                 ? applicationsRecord.fields['Submitted'] ===
278 |                                   true
279 |                                   ? router.push(item.href)
280 |                                   : null
281 |                                 : router.push(item.href)
282 |                             }
283 |                           }}
284 |                         >
285 |                           {item.value}
286 |                         </Text>
287 |                       </div>
288 |                     </Box>
289 |                   </Box>
290 |                 </>
291 |               )}
292 |             </>
293 |           )
294 |         })}
295 |       </Flex>
296 | 
297 |       {/* mobile timeline */}
298 | 
299 |       <Flex
300 |         sx={{
301 |           flexDirection: ['column', 'row'],
302 |           alignItems: 'left',
303 |           textAlign: 'left',
304 |           mt: '0.5rem'
305 |         }}
306 |       >
307 |         {timelineRouting.map((item, idx) => {
308 |           return (
309 |             <Box
310 |               key={idx}
311 |               sx={{
312 |                 display: ['inline', 'none'],
313 |                 mb: '0.5rem'
314 |               }}
315 |             >
316 |               <Box
317 |                 sx={{
318 |                   display: 'flex',
319 |                   flexDirection: 'row',
320 |                   alignItems: 'center',
321 |                   cursor: `${
322 |                     item.icon === 'emoji'
323 |                       ? applicationsRecord.fields['Submitted'] === true
324 |                         ? 'pointer'
325 |                         : 'not-allowed'
326 |                       : 'pointer'
327 |                   }`,
328 |                   marginTop: '3px'
329 |                 }}
330 |               >
331 |                 <div>
332 |                   <Box
333 |                     onClick={() => {
334 |                       {
335 |                         item.slug === 'status'
336 |                           ? applicationsRecord.fields['Submitted'] === true
337 |                             ? router.push(item.href)
338 |                             : null
339 |                           : router.push(item.href)
340 |                       }
341 |                     }}
342 |                   >
343 |                     <Icon
344 |                       glyph={item.icon}
345 |                       style={{
346 |                         color: [
347 |                           item.progress === '100%' || item.progress === null
348 |                             ? item.color
349 |                             : applicationStatus === 'rejected'
350 |                             ? '#ec3750'
351 |                             : router.asPath.split('/')[3] === item.slug
352 |                             ? '#ff8c37'
353 |                             : 'black'
354 |                         ]
355 |                       }}
356 |                     />
357 |                   </Box>
358 |                 </div>
359 |                 <ProgressBar item={item} />
360 |                 <Text
361 |                   sx={{
362 |                     backgroundColor: [
363 |                       item.progress === '100%' || item.progress === null
364 |                         ? item.color
365 |                         : applicationStatus === 'rejected'
366 |                         ? '#ec3750'
367 |                         : router.asPath.split('/')[3] === item.slug
368 |                         ? '#ff8c37'
369 |                         : '#252429'
370 |                     ],
371 |                     color: 'white',
372 |                     borderRadius: '999999px',
373 |                     px: '10px',
374 |                     py: '2px',
375 |                     ml: '12px',
376 |                     minWidth: `${
377 |                       item.slug === 'leader'
378 |                         ? '115px'
379 |                         : item.slug === 'club'
380 |                         ? '90px'
381 |                         : 'none'
382 |                     }`,
383 |                     alignItems: 'right',
384 |                     textAlign: 'right',
385 |                     boxSizing: 'border-box',
386 |                     display: ['inline', 'none'],
387 |                     position: ['relative', 'fixed']
388 |                   }}
389 |                 >
390 |                   {item.value}
391 |                 </Text>
392 |               </Box>
393 |             </Box>
394 |           )
395 |         })}
396 |       </Flex>
397 |     </Card>
398 |   )
399 | }
400 | 


--------------------------------------------------------------------------------
/components/color-switcher.js:
--------------------------------------------------------------------------------
 1 | import { IconButton, useColorMode } from 'theme-ui'
 2 | 
 3 | const ColorSwitcher = props => {
 4 |   const [mode, setMode] = useColorMode()
 5 |   return (
 6 |     <IconButton
 7 |       onClick={() => setMode(mode === 'dark' ? 'light' : 'dark')}
 8 |       title={`Switch to ${mode === 'dark' ? 'light' : 'dark'} mode`}
 9 |       sx={{
10 |         position: 'absolute',
11 |         top: [2, 3],
12 |         right: [2, 3],
13 |         color: 'primary',
14 |         cursor: 'pointer',
15 |         borderRadius: 'circle',
16 |         transition: 'box-shadow .125s ease-in-out',
17 |         ':hover,:focus': {
18 |           boxShadow: '0 0 0 3px',
19 |           outline: 'none'
20 |         }
21 |       }}
22 |       {...props}
23 |     >
24 |       <svg viewBox="0 0 32 32" width={24} height={24} fill="currentcolor">
25 |         <circle
26 |           cx={16}
27 |           cy={16}
28 |           r={14}
29 |           fill="none"
30 |           stroke="currentcolor"
31 |           strokeWidth={4}
32 |         />
33 |         <path d="M 16 0 A 16 16 0 0 0 16 32 z" />
34 |       </svg>
35 |     </IconButton>
36 |   )
37 | }
38 | 
39 | export default ColorSwitcher
40 | 


--------------------------------------------------------------------------------
/components/flag.js:
--------------------------------------------------------------------------------
 1 | const Flag = props => (
 2 |   <a
 3 |     title="Hack Club"
 4 |     href="https://hackclub.com/"
 5 |     className="nav-flag"
 6 |     {...props}
 7 |   >
 8 |     <style jsx>{`
 9 |       a {
10 |         display: none;
11 |         background-image: url(https://assets.hackclub.com/flag-orpheus-left.svg);
12 |         background-repeat: no-repeat;
13 |         background-position: top left;
14 |         background-size: contain;
15 |         cursor: pointer;
16 |         flex-shrink: 0;
17 |         width: 112px;
18 |         height: 48px;
19 |         position: fixed;
20 |         top: 32px;
21 |         left: 0;
22 |         z-index: 999;
23 |       }
24 |       @media (min-width: 600px) {
25 |         a {
26 |           display: inline-block;
27 |           height: 64px;
28 |         }
29 |       }
30 |       @media (prefers-reduced-motion: no-preference) {
31 |         a {
32 |           transition: ${3 / 16}s cubic-bezier(0.375, 0, 0.675, 1) transform;
33 |           transform-origin: top left;
34 |         }
35 |         a:hover,
36 |         a:focus {
37 |           animation: waveFlag 0.5s linear infinite alternate;
38 |         }
39 |       }
40 |       @keyframes waveFlag {
41 |         from {
42 |           transform: rotate(0deg);
43 |         }
44 |         to {
45 |           transform: rotate(-5deg);
46 |         }
47 |       }
48 |     `}</style>
49 |   </a>
50 | )
51 | 
52 | export default Flag
53 | 


--------------------------------------------------------------------------------
/components/force-theme.js:
--------------------------------------------------------------------------------
 1 | import { useEffect } from 'react'
 2 | import { useColorMode } from 'theme-ui'
 3 | 
 4 | const ForceTheme = ({ theme }) => {
 5 |   const [colorMode, setColorMode] = useColorMode()
 6 |   // This looks redundant, but is done on purpose.
 7 |   // See for similar issue on seperate project: https://github.com/reduxjs/react-redux/issues/1640#issuecomment-705892206
 8 |   useEffect(() => {
 9 |     setColorMode(theme)
10 |   })
11 |   return null
12 | }
13 | 
14 | export default ForceTheme
15 | 


--------------------------------------------------------------------------------
/components/fullstory.js:
--------------------------------------------------------------------------------
1 | import Script from 'next/script'
2 | 
3 | const Fullstory = () => <Script src="/fullstory.js" />
4 | 
5 | export default Fullstory
6 | 


--------------------------------------------------------------------------------
/components/locale-switcher.js:
--------------------------------------------------------------------------------
 1 | import { useRouter } from 'next/router'
 2 | import { Select, Flex } from 'theme-ui'
 3 | 
 4 | const LocaleSwitcher = props => {
 5 |   const router = useRouter()
 6 | 
 7 |   const languages = {
 8 |     'en-US': 'English',
 9 |     'pt-BR': 'Português'
10 |   }
11 | 
12 |   return (
13 |     <Flex
14 |       sx={{
15 |         bg: 'none',
16 |         width: '120px',
17 |         marginLeft: 'auto',
18 |         marginRight: '15px',
19 |         display: 'inline-block',
20 |         paddingTop: '10px',
21 |         height: '50px'
22 |       }}
23 |     >
24 |       <Select
25 |         defaultValue={router.locale}
26 |         onChange={() => {
27 |           router.locale = document.getElementById('locale-select').value
28 |           router.push(router.asPath, router.asPath, { locale: router.locale })
29 |         }}
30 |         sx={{
31 |           bg: 'white',
32 |           width: '120px',
33 |           boxShadow: '0 4px 8px rgb(0 0 0 / 13%)',
34 |           ':focus': { outline: 'none !important' }
35 |         }}
36 |         id="locale-select"
37 |       >
38 |         {router.locales.map(locale => (
39 |           <option key={locale} value={locale}>
40 |             {languages[locale]}
41 |           </option>
42 |         ))}
43 |       </Select>
44 |     </Flex>
45 |   )
46 | }
47 | 
48 | export default LocaleSwitcher
49 | 


--------------------------------------------------------------------------------
/components/nprogress.js:
--------------------------------------------------------------------------------
  1 | // Via https://github.com/sergiodxa/next-nprogress/issues/76#issuecomment-496487402
  2 | import { useEffect } from 'react'
  3 | import NProgress from 'nprogress'
  4 | import { useRouter } from 'next/router'
  5 | 
  6 | const NProgressContainer = ({
  7 |   color = '#ec3705',
  8 |   showAfterMs = 50,
  9 |   spinner = false
 10 | }) => {
 11 |   const router = useRouter()
 12 |   NProgress.configure({ color, showAfterMs, spinner })
 13 | 
 14 |   useEffect(() => {
 15 |     const handleStart = url => {
 16 |       console.log(`Loading ${url}`)
 17 |       NProgress.start()
 18 |     }
 19 |     const handleStop = () => {
 20 |       NProgress.done()
 21 |     }
 22 |     router.events.on('routeChangeStart', handleStart)
 23 |     router.events.on('routeChangeComplete', handleStop)
 24 |     router.events.on('routeChangeError', handleStop)
 25 |     return () => {
 26 |       router.events.off('routeChangeStart', handleStart)
 27 |       router.events.off('routeChangeComplete', handleStop)
 28 |       router.events.off('routeChangeError', handleStop)
 29 |     }
 30 |   }, [router])
 31 | 
 32 |   return (
 33 |     <style jsx global>{`
 34 |       #nprogress {
 35 |         pointer-events: none;
 36 |       }
 37 |       #nprogress .bar {
 38 |         background: #ec3750;
 39 |         position: fixed;
 40 |         z-index: 1031;
 41 |         top: 0;
 42 |         left: 0;
 43 |         width: 100%;
 44 |         height: 2px;
 45 |       }
 46 |       #nprogress .peg {
 47 |         display: block;
 48 |         position: absolute;
 49 |         right: 0px;
 50 |         width: 100px;
 51 |         height: 100%;
 52 |         box-shadow: 0 0 10px #ec3750, 0 0 5px #ec3750;
 53 |         opacity: 1;
 54 |         -webkit-transform: rotate(3deg) translate(0px, -4px);
 55 |         -ms-transform: rotate(3deg) translate(0px, -4px);
 56 |         transform: rotate(3deg) translate(0px, -4px);
 57 |       }
 58 |       #nprogress .spinner {
 59 |         display: none;
 60 |         position: fixed;
 61 |         z-index: 1031;
 62 |         top: 15px;
 63 |         right: 15px;
 64 |       }
 65 |       #nprogress .spinner-icon {
 66 |         display: none;
 67 |         width: 18px;
 68 |         height: 18px;
 69 |         box-sizing: border-box;
 70 |         border: solid 2px transparent;
 71 |         border-top-color: ${color};
 72 |         border-left-color: ${color};
 73 |         border-radius: 50%;
 74 |         -webkit-animation: nprogress-spinner 400ms linear infinite;
 75 |         animation: nprogress-spinner 400ms linear infinite;
 76 |       }
 77 |       .nprogress-custom-parent {
 78 |         overflow: hidden;
 79 |         position: relative;
 80 |       }
 81 |       .nprogress-custom-parent #nprogress .spinner,
 82 |       .nprogress-custom-parent #nprogress .bar {
 83 |         position: absolute;
 84 |       }
 85 |       @-webkit-keyframes nprogress-spinner {
 86 |         0% {
 87 |           -webkit-transform: rotate(0deg);
 88 |         }
 89 |         100% {
 90 |           -webkit-transform: rotate(360deg);
 91 |         }
 92 |       }
 93 |       @keyframes nprogress-spinner {
 94 |         0% {
 95 |           transform: rotate(0deg);
 96 |         }
 97 |         100% {
 98 |           transform: rotate(360deg);
 99 |         }
100 |       }
101 |     `}</style>
102 |   )
103 | }
104 | 
105 | export default NProgressContainer
106 | 


--------------------------------------------------------------------------------
/components/plausible.js:
--------------------------------------------------------------------------------
 1 | import Script from 'next/script'
 2 | 
 3 | const Plausible = () => (
 4 |   <Script
 5 |     defer
 6 |     data-domain="apply.hackclub.com"
 7 |     src="https://plausible.io/js/plausible.js"
 8 |   />
 9 | )
10 | 
11 | export default Plausible
12 | 


--------------------------------------------------------------------------------
/lib/airtable.js:
--------------------------------------------------------------------------------
 1 | const AirtablePlus = require('airtable-plus')
 2 | 
 3 | const API_KEY = process.env.AIRTABLE
 4 | 
 5 | export const prospectiveLeadersAirtable = new AirtablePlus({
 6 |   baseID: 'appSUAc40CDu6bDAp',
 7 |   apiKey: API_KEY,
 8 |   tableName: 'Prospective Leaders'
 9 | })
10 | 
11 | export const loginsAirtable = new AirtablePlus({
12 |   baseID: 'appSUAc40CDu6bDAp',
13 |   apiKey: API_KEY,
14 |   tableName: 'Logins'
15 | })
16 | 
17 | export const applicationsAirtable = new AirtablePlus({
18 |   baseID: 'appSUAc40CDu6bDAp',
19 |   apiKey: API_KEY,
20 |   tableName: 'Application Database'
21 | })
22 | 
23 | export const trackerAirtable = new AirtablePlus({
24 |   baseID: 'appSUAc40CDu6bDAp',
25 |   apiKey: API_KEY,
26 |   tableName: 'Application Tracker'
27 | })
28 | 


--------------------------------------------------------------------------------
/lib/countrycodes.js:
--------------------------------------------------------------------------------
   1 | export const countryCodeData = [
   2 |   { country: 'United States', code: '1', iso: 'US' },
   3 |   { country: 'Canada', code: '1', iso: 'CA' },
   4 |   { country: 'Brazil', code: '55', iso: 'BR' },
   5 |   { country: 'United Kingdom', code: '44', iso: 'GB' },
   6 |   { country: 'India', code: '91', iso: 'IN' },
   7 |   { country: 'Australia', code: '61', iso: 'AU' },
   8 |   { country: 'Afghanistan', code: '93', iso: 'AF' },
   9 |   { country: 'Albania', code: '355', iso: 'AL' },
  10 |   { country: 'Algeria', code: '213', iso: 'DZ' },
  11 |   { country: 'American Samoa', code: '1-684', iso: 'AS' },
  12 |   { country: 'Andorra', code: '376', iso: 'AD' },
  13 |   { country: 'Angola', code: '244', iso: 'AO' },
  14 |   { country: 'Anguilla', code: '1-264', iso: 'AI' },
  15 |   { country: 'Antarctica', code: '672', iso: 'AQ' },
  16 |   { country: 'Antigua and Barbuda', code: '1-268', iso: 'AG' },
  17 |   { country: 'Argentina', code: '54', iso: 'AR' },
  18 |   { country: 'Armenia', code: '374', iso: 'AM' },
  19 |   { country: 'Aruba', code: '297', iso: 'AW' },
  20 |   { country: 'Austria', code: '43', iso: 'AT' },
  21 |   { country: 'Azerbaijan', code: '994', iso: 'AZ' },
  22 |   { country: 'Bahamas', code: '1-242', iso: 'BS' },
  23 |   { country: 'Bahrain', code: '973', iso: 'BH' },
  24 |   { country: 'Bangladesh', code: '880', iso: 'BD' },
  25 |   { country: 'Barbados', code: '1-246', iso: 'BB' },
  26 |   { country: 'Belarus', code: '375', iso: 'BY' },
  27 |   { country: 'Belgium', code: '32', iso: 'BE' },
  28 |   { country: 'Belize', code: '501', iso: 'BZ' },
  29 |   { country: 'Benin', code: '229', iso: 'BJ' },
  30 |   { country: 'Bermuda', code: '1-441', iso: 'BM' },
  31 |   { country: 'Bhutan', code: '975', iso: 'BT' },
  32 |   { country: 'Bolivia', code: '591', iso: 'BO' },
  33 |   { country: 'Bosnia and Herzegovina', code: '387', iso: 'BA' },
  34 |   { country: 'Botswana', code: '267', iso: 'BW' },
  35 |   { country: 'British Indian Ocean Territory', code: '246', iso: 'IO' },
  36 |   { country: 'British Virgin Islands', code: '1-284', iso: 'VG' },
  37 |   { country: 'Brunei', code: '673', iso: 'BN' },
  38 |   { country: 'Bulgaria', code: '359', iso: 'BG' },
  39 |   { country: 'Burkina Faso', code: '226', iso: 'BF' },
  40 |   { country: 'Burundi', code: '257', iso: 'BI' },
  41 |   { country: 'Cambodia', code: '855', iso: 'KH' },
  42 |   { country: 'Cameroon', code: '237', iso: 'CM' },
  43 |   { country: 'Cape Verde', code: '238', iso: 'CV' },
  44 |   { country: 'Cayman Islands', code: '1-345', iso: 'KY' },
  45 |   { country: 'Central African Republic', code: '236', iso: 'CF' },
  46 |   { country: 'Chad', code: '235', iso: 'TD' },
  47 |   { country: 'Chile', code: '56', iso: 'CL' },
  48 |   { country: 'China', code: '86', iso: 'CN' },
  49 |   { country: 'Christmas Island', code: '61', iso: 'CX' },
  50 |   { country: 'Cocos Islands', code: '61', iso: 'CC' },
  51 |   { country: 'Colombia', code: '57', iso: 'CO' },
  52 |   { country: 'Comoros', code: '269', iso: 'KM' },
  53 |   { country: 'Cook Islands', code: '682', iso: 'CK' },
  54 |   { country: 'Costa Rica', code: '506', iso: 'CR' },
  55 |   { country: 'Croatia', code: '385', iso: 'HR' },
  56 |   { country: 'Cuba', code: '53', iso: 'CU' },
  57 |   { country: 'Curacao', code: '599', iso: 'CW' },
  58 |   { country: 'Cyprus', code: '357', iso: 'CY' },
  59 |   { country: 'Czech Republic', code: '420', iso: 'CZ' },
  60 |   { country: 'Democratic Republic of the Congo', code: '243', iso: 'CD' },
  61 |   { country: 'Denmark', code: '45', iso: 'DK' },
  62 |   { country: 'Djibouti', code: '253', iso: 'DJ' },
  63 |   { country: 'Dominica', code: '1-767', iso: 'DM' },
  64 |   { country: 'East Timor', code: '670', iso: 'TL' },
  65 |   { country: 'Ecuador', code: '593', iso: 'EC' },
  66 |   { country: 'Egypt', code: '20', iso: 'EG' },
  67 |   { country: 'El Salvador', code: '503', iso: 'SV' },
  68 |   { country: 'Equatorial Guinea', code: '240', iso: 'GQ' },
  69 |   { country: 'Eritrea', code: '291', iso: 'ER' },
  70 |   { country: 'Estonia', code: '372', iso: 'EE' },
  71 |   { country: 'Ethiopia', code: '251', iso: 'ET' },
  72 |   { country: 'Falkland Islands', code: '500', iso: 'FK' },
  73 |   { country: 'Faroe Islands', code: '298', iso: 'FO' },
  74 |   { country: 'Fiji', code: '679', iso: 'FJ' },
  75 |   { country: 'Finland', code: '358', iso: 'FI' },
  76 |   { country: 'France', code: '33', iso: 'FR' },
  77 |   { country: 'French Polynesia', code: '689', iso: 'PF' },
  78 |   { country: 'Gabon', code: '241', iso: 'GA' },
  79 |   { country: 'Gambia', code: '220', iso: 'GM' },
  80 |   { country: 'Georgia', code: '995', iso: 'GE' },
  81 |   { country: 'Germany', code: '49', iso: 'DE' },
  82 |   { country: 'Ghana', code: '233', iso: 'GH' },
  83 |   { country: 'Gibraltar', code: '350', iso: 'GI' },
  84 |   { country: 'Greece', code: '30', iso: 'GR' },
  85 |   { country: 'Greenland', code: '299', iso: 'GL' },
  86 |   { country: 'Grenada', code: '1-473', iso: 'GD' },
  87 |   { country: 'Guam', code: '1-671', iso: 'GU' },
  88 |   { country: 'Guatemala', code: '502', iso: 'GT' },
  89 |   { country: 'Guernsey', code: '44-1481', iso: 'GG' },
  90 |   { country: 'Guinea', code: '224', iso: 'GN' },
  91 |   { country: 'Guinea-Bissau', code: '245', iso: 'GW' },
  92 |   { country: 'Guyana', code: '592', iso: 'GY' },
  93 |   { country: 'Haiti', code: '509', iso: 'HT' },
  94 |   { country: 'Honduras', code: '504', iso: 'HN' },
  95 |   { country: 'Hong Kong', code: '852', iso: 'HK' },
  96 |   { country: 'Hungary', code: '36', iso: 'HU' },
  97 |   { country: 'Iceland', code: '354', iso: 'IS' },
  98 |   { country: 'Indonesia', code: '62', iso: 'ID' },
  99 |   { country: 'Iran', code: '98', iso: 'IR' },
 100 |   { country: 'Iraq', code: '964', iso: 'IQ' },
 101 |   { country: 'Ireland', code: '353', iso: 'IE' },
 102 |   { country: 'Isle of Man', code: '44-1624', iso: 'IM' },
 103 |   { country: 'Israel', code: '972', iso: 'IL' },
 104 |   { country: 'Italy', code: '39', iso: 'IT' },
 105 |   { country: 'Ivory Coast', code: '225', iso: 'CI' },
 106 |   { country: 'Jamaica', code: '1-876', iso: 'JM' },
 107 |   { country: 'Japan', code: '81', iso: 'JP' },
 108 |   { country: 'Jersey', code: '44-1534', iso: 'JE' },
 109 |   { country: 'Jordan', code: '962', iso: 'JO' },
 110 |   { country: 'Kazakhstan', code: '7', iso: 'KZ' },
 111 |   { country: 'Kenya', code: '254', iso: 'KE' },
 112 |   { country: 'Kiribati', code: '686', iso: 'KI' },
 113 |   { country: 'Kosovo', code: '383', iso: 'XK' },
 114 |   { country: 'Kuwait', code: '965', iso: 'KW' },
 115 |   { country: 'Kyrgyzstan', code: '996', iso: 'KG' },
 116 |   { country: 'Laos', code: '856', iso: 'LA' },
 117 |   { country: 'Latvia', code: '371', iso: 'LV' },
 118 |   { country: 'Lebanon', code: '961', iso: 'LB' },
 119 |   { country: 'Lesotho', code: '266', iso: 'LS' },
 120 |   { country: 'Liberia', code: '231', iso: 'LR' },
 121 |   { country: 'Libya', code: '218', iso: 'LY' },
 122 |   { country: 'Liechtenstein', code: '423', iso: 'LI' },
 123 |   { country: 'Lithuania', code: '370', iso: 'LT' },
 124 |   { country: 'Luxembourg', code: '352', iso: 'LU' },
 125 |   { country: 'Macao', code: '853', iso: 'MO' },
 126 |   { country: 'Macedonia', code: '389', iso: 'MK' },
 127 |   { country: 'Madagascar', code: '261', iso: 'MG' },
 128 |   { country: 'Malawi', code: '265', iso: 'MW' },
 129 |   { country: 'Malaysia', code: '60', iso: 'MY' },
 130 |   { country: 'Maldives', code: '960', iso: 'MV' },
 131 |   { country: 'Mali', code: '223', iso: 'ML' },
 132 |   { country: 'Malta', code: '356', iso: 'MT' },
 133 |   { country: 'Marshall Islands', code: '692', iso: 'MH' },
 134 |   { country: 'Mauritania', code: '222', iso: 'MR' },
 135 |   { country: 'Mauritius', code: '230', iso: 'MU' },
 136 |   { country: 'Mayotte', code: '262', iso: 'YT' },
 137 |   { country: 'Mexico', code: '52', iso: 'MX' },
 138 |   { country: 'Micronesia', code: '691', iso: 'FM' },
 139 |   { country: 'Moldova', code: '373', iso: 'MD' },
 140 |   { country: 'Monaco', code: '377', iso: 'MC' },
 141 |   { country: 'Mongolia', code: '976', iso: 'MN' },
 142 |   { country: 'Montenegro', code: '382', iso: 'ME' },
 143 |   { country: 'Montserrat', code: '1-664', iso: 'MS' },
 144 |   { country: 'Morocco', code: '212', iso: 'MA' },
 145 |   { country: 'Mozambique', code: '258', iso: 'MZ' },
 146 |   { country: 'Myanmar', code: '95', iso: 'MM' },
 147 |   { country: 'Namibia', code: '264', iso: 'NA' },
 148 |   { country: 'Nauru', code: '674', iso: 'NR' },
 149 |   { country: 'Nepal', code: '977', iso: 'NP' },
 150 |   { country: 'Netherlands', code: '31', iso: 'NL' },
 151 |   { country: 'Netherlands Antilles', code: '599', iso: 'AN' },
 152 |   { country: 'New Caledonia', code: '687', iso: 'NC' },
 153 |   { country: 'New Zealand', code: '64', iso: 'NZ' },
 154 |   { country: 'Nicaragua', code: '505', iso: 'NI' },
 155 |   { country: 'Niger', code: '227', iso: 'NE' },
 156 |   { country: 'Nigeria', code: '234', iso: 'NG' },
 157 |   { country: 'Niue', code: '683', iso: 'NU' },
 158 |   { country: 'North Korea', code: '850', iso: 'KP' },
 159 |   { country: 'Northern Mariana Islands', code: '1-670', iso: 'MP' },
 160 |   { country: 'Norway', code: '47', iso: 'NO' },
 161 |   { country: 'Oman', code: '968', iso: 'OM' },
 162 |   { country: 'Pakistan', code: '92', iso: 'PK' },
 163 |   { country: 'Palau', code: '680', iso: 'PW' },
 164 |   { country: 'Palestine', code: '970', iso: 'PS' },
 165 |   { country: 'Panama', code: '507', iso: 'PA' },
 166 |   { country: 'Papua New Guinea', code: '675', iso: 'PG' },
 167 |   { country: 'Paraguay', code: '595', iso: 'PY' },
 168 |   { country: 'Peru', code: '51', iso: 'PE' },
 169 |   { country: 'Philippines', code: '63', iso: 'PH' },
 170 |   { country: 'Pitcairn', code: '64', iso: 'PN' },
 171 |   { country: 'Poland', code: '48', iso: 'PL' },
 172 |   { country: 'Portugal', code: '351', iso: 'PT' },
 173 |   { country: 'Qatar', code: '974', iso: 'QA' },
 174 |   { country: 'Republic of the Congo', code: '242', iso: 'CG' },
 175 |   { country: 'Reunion', code: '262', iso: 'RE' },
 176 |   { country: 'Romania', code: '40', iso: 'RO' },
 177 |   { country: 'Russia', code: '7', iso: 'RU' },
 178 |   { country: 'Rwanda', code: '250', iso: 'RW' },
 179 |   { country: 'Saint Barthelemy', code: '590', iso: 'BL' },
 180 |   { country: 'Saint Helena', code: '290', iso: 'SH' },
 181 |   { country: 'Saint Kitts and Nevis', code: '1-869', iso: 'KN' },
 182 |   { country: 'Saint Lucia', code: '1-758', iso: 'LC' },
 183 |   { country: 'Saint Martin', code: '590', iso: 'MF' },
 184 |   { country: 'Saint Pierre and Miquelon', code: '508', iso: 'PM' },
 185 |   { country: 'Saint Vincent and the Grenadines', code: '1-784', iso: 'VC' },
 186 |   { country: 'Samoa', code: '685', iso: 'WS' },
 187 |   { country: 'San Marino', code: '378', iso: 'SM' },
 188 |   { country: 'Sao Tome and Principe', code: '239', iso: 'ST' },
 189 |   { country: 'Saudi Arabia', code: '966', iso: 'SA' },
 190 |   { country: 'Senegal', code: '221', iso: 'SN' },
 191 |   { country: 'Serbia', code: '381', iso: 'RS' },
 192 |   { country: 'Seychelles', code: '248', iso: 'SC' },
 193 |   { country: 'Sierra Leone', code: '232', iso: 'SL' },
 194 |   { country: 'Singapore', code: '65', iso: 'SG' },
 195 |   { country: 'Sint Maarten', code: '1-721', iso: 'SX' },
 196 |   { country: 'Slovakia', code: '421', iso: 'SK' },
 197 |   { country: 'Slovenia', code: '386', iso: 'SI' },
 198 |   { country: 'Solomon Islands', code: '677', iso: 'SB' },
 199 |   { country: 'Somalia', code: '252', iso: 'SO' },
 200 |   { country: 'South Africa', code: '27', iso: 'ZA' },
 201 |   { country: 'South Korea', code: '82', iso: 'KR' },
 202 |   { country: 'South Sudan', code: '211', iso: 'SS' },
 203 |   { country: 'Spain', code: '34', iso: 'ES' },
 204 |   { country: 'Sri Lanka', code: '94', iso: 'LK' },
 205 |   { country: 'Sudan', code: '249', iso: 'SD' },
 206 |   { country: 'Suriname', code: '597', iso: 'SR' },
 207 |   { country: 'Svalbard and Jan Mayen', code: '47', iso: 'SJ' },
 208 |   { country: 'Swaziland', code: '268', iso: 'SZ' },
 209 |   { country: 'Sweden', code: '46', iso: 'SE' },
 210 |   { country: 'Switzerland', code: '41', iso: 'CH' },
 211 |   { country: 'Syria', code: '963', iso: 'SY' },
 212 |   { country: 'Taiwan', code: '886', iso: 'TW' },
 213 |   { country: 'Tajikistan', code: '992', iso: 'TJ' },
 214 |   { country: 'Tanzania', code: '255', iso: 'TZ' },
 215 |   { country: 'Thailand', code: '66', iso: 'TH' },
 216 |   { country: 'Togo', code: '228', iso: 'TG' },
 217 |   { country: 'Tokelau', code: '690', iso: 'TK' },
 218 |   { country: 'Tonga', code: '676', iso: 'TO' },
 219 |   { country: 'Trinidad and Tobago', code: '1-868', iso: 'TT' },
 220 |   { country: 'Tunisia', code: '216', iso: 'TN' },
 221 |   { country: 'Turkey', code: '90', iso: 'TR' },
 222 |   { country: 'Turkmenistan', code: '993', iso: 'TM' },
 223 |   { country: 'Turks and Caicos Islands', code: '1-649', iso: 'TC' },
 224 |   { country: 'Tuvalu', code: '688', iso: 'TV' },
 225 |   { country: 'U.S. Virgin Islands', code: '1-340', iso: 'VI' },
 226 |   { country: 'Uganda', code: '256', iso: 'UG' },
 227 |   { country: 'Ukraine', code: '380', iso: 'UA' },
 228 |   { country: 'United Arab Emirates', code: '971', iso: 'AE' },
 229 |   { country: 'Uruguay', code: '598', iso: 'UY' },
 230 |   { country: 'Uzbekistan', code: '998', iso: 'UZ' },
 231 |   { country: 'Vanuatu', code: '678', iso: 'VU' },
 232 |   { country: 'Vatican', code: '379', iso: 'VA' },
 233 |   { country: 'Venezuela', code: '58', iso: 'VE' },
 234 |   { country: 'Vietnam', code: '84', iso: 'VN' },
 235 |   { country: 'Wallis and Futuna', code: '681', iso: 'WF' },
 236 |   { country: 'Western Sahara', code: '212', iso: 'EH' },
 237 |   { country: 'Yemen', code: '967', iso: 'YE' },
 238 |   { country: 'Zambia', code: '260', iso: 'ZM' },
 239 |   { country: 'Zimbabwe', code: '263', iso: 'ZW' }
 240 | ]
 241 | 
 242 | export const flags = {
 243 |   AC: {
 244 |     code: 'AC',
 245 |     unicode: 'U+1F1E6 U+1F1E8',
 246 |     name: 'Ascension Island',
 247 |     emoji: '🇦🇨'
 248 |   },
 249 |   AD: {
 250 |     code: 'AD',
 251 |     unicode: 'U+1F1E6 U+1F1E9',
 252 |     name: 'Andorra',
 253 |     emoji: '🇦🇩'
 254 |   },
 255 |   AE: {
 256 |     code: 'AE',
 257 |     unicode: 'U+1F1E6 U+1F1EA',
 258 |     name: 'United Arab Emirates',
 259 |     emoji: '🇦🇪'
 260 |   },
 261 |   AF: {
 262 |     code: 'AF',
 263 |     unicode: 'U+1F1E6 U+1F1EB',
 264 |     name: 'Afghanistan',
 265 |     emoji: '🇦🇫'
 266 |   },
 267 |   AG: {
 268 |     code: 'AG',
 269 |     unicode: 'U+1F1E6 U+1F1EC',
 270 |     name: 'Antigua & Barbuda',
 271 |     emoji: '🇦🇬'
 272 |   },
 273 |   AI: {
 274 |     code: 'AI',
 275 |     unicode: 'U+1F1E6 U+1F1EE',
 276 |     name: 'Anguilla',
 277 |     emoji: '🇦🇮'
 278 |   },
 279 |   AL: {
 280 |     code: 'AL',
 281 |     unicode: 'U+1F1E6 U+1F1F1',
 282 |     name: 'Albania',
 283 |     emoji: '🇦🇱'
 284 |   },
 285 |   AM: {
 286 |     code: 'AM',
 287 |     unicode: 'U+1F1E6 U+1F1F2',
 288 |     name: 'Armenia',
 289 |     emoji: '🇦🇲'
 290 |   },
 291 |   AO: {
 292 |     code: 'AO',
 293 |     unicode: 'U+1F1E6 U+1F1F4',
 294 |     name: 'Angola',
 295 |     emoji: '🇦🇴'
 296 |   },
 297 |   AQ: {
 298 |     code: 'AQ',
 299 |     unicode: 'U+1F1E6 U+1F1F6',
 300 |     name: 'Antarctica',
 301 |     emoji: '🇦🇶'
 302 |   },
 303 |   AR: {
 304 |     code: 'AR',
 305 |     unicode: 'U+1F1E6 U+1F1F7',
 306 |     name: 'Argentina',
 307 |     emoji: '🇦🇷'
 308 |   },
 309 |   AS: {
 310 |     code: 'AS',
 311 |     unicode: 'U+1F1E6 U+1F1F8',
 312 |     name: 'American Samoa',
 313 |     emoji: '🇦🇸'
 314 |   },
 315 |   AT: {
 316 |     code: 'AT',
 317 |     unicode: 'U+1F1E6 U+1F1F9',
 318 |     name: 'Austria',
 319 |     emoji: '🇦🇹'
 320 |   },
 321 |   AU: {
 322 |     code: 'AU',
 323 |     unicode: 'U+1F1E6 U+1F1FA',
 324 |     name: 'Australia',
 325 |     emoji: '🇦🇺'
 326 |   },
 327 |   AW: {
 328 |     code: 'AW',
 329 |     unicode: 'U+1F1E6 U+1F1FC',
 330 |     name: 'Aruba',
 331 |     emoji: '🇦🇼'
 332 |   },
 333 |   AX: {
 334 |     code: 'AX',
 335 |     unicode: 'U+1F1E6 U+1F1FD',
 336 |     name: 'Åland Islands',
 337 |     emoji: '🇦🇽'
 338 |   },
 339 |   AZ: {
 340 |     code: 'AZ',
 341 |     unicode: 'U+1F1E6 U+1F1FF',
 342 |     name: 'Azerbaijan',
 343 |     emoji: '🇦🇿'
 344 |   },
 345 |   BA: {
 346 |     code: 'BA',
 347 |     unicode: 'U+1F1E7 U+1F1E6',
 348 |     name: 'Bosnia & Herzegovina',
 349 |     emoji: '🇧🇦'
 350 |   },
 351 |   BB: {
 352 |     code: 'BB',
 353 |     unicode: 'U+1F1E7 U+1F1E7',
 354 |     name: 'Barbados',
 355 |     emoji: '🇧🇧'
 356 |   },
 357 |   BD: {
 358 |     code: 'BD',
 359 |     unicode: 'U+1F1E7 U+1F1E9',
 360 |     name: 'Bangladesh',
 361 |     emoji: '🇧🇩'
 362 |   },
 363 |   BE: {
 364 |     code: 'BE',
 365 |     unicode: 'U+1F1E7 U+1F1EA',
 366 |     name: 'Belgium',
 367 |     emoji: '🇧🇪'
 368 |   },
 369 |   BF: {
 370 |     code: 'BF',
 371 |     unicode: 'U+1F1E7 U+1F1EB',
 372 |     name: 'Burkina Faso',
 373 |     emoji: '🇧🇫'
 374 |   },
 375 |   BG: {
 376 |     code: 'BG',
 377 |     unicode: 'U+1F1E7 U+1F1EC',
 378 |     name: 'Bulgaria',
 379 |     emoji: '🇧🇬'
 380 |   },
 381 |   BH: {
 382 |     code: 'BH',
 383 |     unicode: 'U+1F1E7 U+1F1ED',
 384 |     name: 'Bahrain',
 385 |     emoji: '🇧🇭'
 386 |   },
 387 |   BI: {
 388 |     code: 'BI',
 389 |     unicode: 'U+1F1E7 U+1F1EE',
 390 |     name: 'Burundi',
 391 |     emoji: '🇧🇮'
 392 |   },
 393 |   BJ: {
 394 |     code: 'BJ',
 395 |     unicode: 'U+1F1E7 U+1F1EF',
 396 |     name: 'Benin',
 397 |     emoji: '🇧🇯'
 398 |   },
 399 |   BL: {
 400 |     code: 'BL',
 401 |     unicode: 'U+1F1E7 U+1F1F1',
 402 |     name: 'St. Barthélemy',
 403 |     emoji: '🇧🇱'
 404 |   },
 405 |   BM: {
 406 |     code: 'BM',
 407 |     unicode: 'U+1F1E7 U+1F1F2',
 408 |     name: 'Bermuda',
 409 |     emoji: '🇧🇲'
 410 |   },
 411 |   BN: {
 412 |     code: 'BN',
 413 |     unicode: 'U+1F1E7 U+1F1F3',
 414 |     name: 'Brunei',
 415 |     emoji: '🇧🇳'
 416 |   },
 417 |   BO: {
 418 |     code: 'BO',
 419 |     unicode: 'U+1F1E7 U+1F1F4',
 420 |     name: 'Bolivia',
 421 |     emoji: '🇧🇴'
 422 |   },
 423 |   BQ: {
 424 |     code: 'BQ',
 425 |     unicode: 'U+1F1E7 U+1F1F6',
 426 |     name: 'Caribbean Netherlands',
 427 |     emoji: '🇧🇶'
 428 |   },
 429 |   BR: {
 430 |     code: 'BR',
 431 |     unicode: 'U+1F1E7 U+1F1F7',
 432 |     name: 'Brazil',
 433 |     emoji: '🇧🇷'
 434 |   },
 435 |   BS: {
 436 |     code: 'BS',
 437 |     unicode: 'U+1F1E7 U+1F1F8',
 438 |     name: 'Bahamas',
 439 |     emoji: '🇧🇸'
 440 |   },
 441 |   BT: {
 442 |     code: 'BT',
 443 |     unicode: 'U+1F1E7 U+1F1F9',
 444 |     name: 'Bhutan',
 445 |     emoji: '🇧🇹'
 446 |   },
 447 |   BV: {
 448 |     code: 'BV',
 449 |     unicode: 'U+1F1E7 U+1F1FB',
 450 |     name: 'Bouvet Island',
 451 |     emoji: '🇧🇻'
 452 |   },
 453 |   BW: {
 454 |     code: 'BW',
 455 |     unicode: 'U+1F1E7 U+1F1FC',
 456 |     name: 'Botswana',
 457 |     emoji: '🇧🇼'
 458 |   },
 459 |   BY: {
 460 |     code: 'BY',
 461 |     unicode: 'U+1F1E7 U+1F1FE',
 462 |     name: 'Belarus',
 463 |     emoji: '🇧🇾'
 464 |   },
 465 |   BZ: {
 466 |     code: 'BZ',
 467 |     unicode: 'U+1F1E7 U+1F1FF',
 468 |     name: 'Belize',
 469 |     emoji: '🇧🇿'
 470 |   },
 471 |   CA: {
 472 |     code: 'CA',
 473 |     unicode: 'U+1F1E8 U+1F1E6',
 474 |     name: 'Canada',
 475 |     emoji: '🇨🇦'
 476 |   },
 477 |   CC: {
 478 |     code: 'CC',
 479 |     unicode: 'U+1F1E8 U+1F1E8',
 480 |     name: 'Cocos (Keeling) Islands',
 481 |     emoji: '🇨🇨'
 482 |   },
 483 |   CD: {
 484 |     code: 'CD',
 485 |     unicode: 'U+1F1E8 U+1F1E9',
 486 |     name: 'Congo - Kinshasa',
 487 |     emoji: '🇨🇩'
 488 |   },
 489 |   CF: {
 490 |     code: 'CF',
 491 |     unicode: 'U+1F1E8 U+1F1EB',
 492 |     name: 'Central African Republic',
 493 |     emoji: '🇨🇫'
 494 |   },
 495 |   CG: {
 496 |     code: 'CG',
 497 |     unicode: 'U+1F1E8 U+1F1EC',
 498 |     name: 'Congo - Brazzaville',
 499 |     emoji: '🇨🇬'
 500 |   },
 501 |   CH: {
 502 |     code: 'CH',
 503 |     unicode: 'U+1F1E8 U+1F1ED',
 504 |     name: 'Switzerland',
 505 |     emoji: '🇨🇭'
 506 |   },
 507 |   CI: {
 508 |     code: 'CI',
 509 |     unicode: 'U+1F1E8 U+1F1EE',
 510 |     name: 'Côte d’Ivoire',
 511 |     emoji: '🇨🇮'
 512 |   },
 513 |   CK: {
 514 |     code: 'CK',
 515 |     unicode: 'U+1F1E8 U+1F1F0',
 516 |     name: 'Cook Islands',
 517 |     emoji: '🇨🇰'
 518 |   },
 519 |   CL: {
 520 |     code: 'CL',
 521 |     unicode: 'U+1F1E8 U+1F1F1',
 522 |     name: 'Chile',
 523 |     emoji: '🇨🇱'
 524 |   },
 525 |   CM: {
 526 |     code: 'CM',
 527 |     unicode: 'U+1F1E8 U+1F1F2',
 528 |     name: 'Cameroon',
 529 |     emoji: '🇨🇲'
 530 |   },
 531 |   CN: {
 532 |     code: 'CN',
 533 |     unicode: 'U+1F1E8 U+1F1F3',
 534 |     name: 'China',
 535 |     emoji: '🇨🇳'
 536 |   },
 537 |   CO: {
 538 |     code: 'CO',
 539 |     unicode: 'U+1F1E8 U+1F1F4',
 540 |     name: 'Colombia',
 541 |     emoji: '🇨🇴'
 542 |   },
 543 |   CP: {
 544 |     code: 'CP',
 545 |     unicode: 'U+1F1E8 U+1F1F5',
 546 |     name: 'Clipperton Island',
 547 |     emoji: '🇨🇵'
 548 |   },
 549 |   CR: {
 550 |     code: 'CR',
 551 |     unicode: 'U+1F1E8 U+1F1F7',
 552 |     name: 'Costa Rica',
 553 |     emoji: '🇨🇷'
 554 |   },
 555 |   CU: {
 556 |     code: 'CU',
 557 |     unicode: 'U+1F1E8 U+1F1FA',
 558 |     name: 'Cuba',
 559 |     emoji: '🇨🇺'
 560 |   },
 561 |   CV: {
 562 |     code: 'CV',
 563 |     unicode: 'U+1F1E8 U+1F1FB',
 564 |     name: 'Cape Verde',
 565 |     emoji: '🇨🇻'
 566 |   },
 567 |   CW: {
 568 |     code: 'CW',
 569 |     unicode: 'U+1F1E8 U+1F1FC',
 570 |     name: 'Curaçao',
 571 |     emoji: '🇨🇼'
 572 |   },
 573 |   CX: {
 574 |     code: 'CX',
 575 |     unicode: 'U+1F1E8 U+1F1FD',
 576 |     name: 'Christmas Island',
 577 |     emoji: '🇨🇽'
 578 |   },
 579 |   CY: {
 580 |     code: 'CY',
 581 |     unicode: 'U+1F1E8 U+1F1FE',
 582 |     name: 'Cyprus',
 583 |     emoji: '🇨🇾'
 584 |   },
 585 |   CZ: {
 586 |     code: 'CZ',
 587 |     unicode: 'U+1F1E8 U+1F1FF',
 588 |     name: 'Czechia',
 589 |     emoji: '🇨🇿'
 590 |   },
 591 |   DE: {
 592 |     code: 'DE',
 593 |     unicode: 'U+1F1E9 U+1F1EA',
 594 |     name: 'Germany',
 595 |     emoji: '🇩🇪'
 596 |   },
 597 |   DG: {
 598 |     code: 'DG',
 599 |     unicode: 'U+1F1E9 U+1F1EC',
 600 |     name: 'Diego Garcia',
 601 |     emoji: '🇩🇬'
 602 |   },
 603 |   DJ: {
 604 |     code: 'DJ',
 605 |     unicode: 'U+1F1E9 U+1F1EF',
 606 |     name: 'Djibouti',
 607 |     emoji: '🇩🇯'
 608 |   },
 609 |   DK: {
 610 |     code: 'DK',
 611 |     unicode: 'U+1F1E9 U+1F1F0',
 612 |     name: 'Denmark',
 613 |     emoji: '🇩🇰'
 614 |   },
 615 |   DM: {
 616 |     code: 'DM',
 617 |     unicode: 'U+1F1E9 U+1F1F2',
 618 |     name: 'Dominica',
 619 |     emoji: '🇩🇲'
 620 |   },
 621 |   DO: {
 622 |     code: 'DO',
 623 |     unicode: 'U+1F1E9 U+1F1F4',
 624 |     name: 'Dominican Republic',
 625 |     emoji: '🇩🇴'
 626 |   },
 627 |   DZ: {
 628 |     code: 'DZ',
 629 |     unicode: 'U+1F1E9 U+1F1FF',
 630 |     name: 'Algeria',
 631 |     emoji: '🇩🇿'
 632 |   },
 633 |   EA: {
 634 |     code: 'EA',
 635 |     unicode: 'U+1F1EA U+1F1E6',
 636 |     name: 'Ceuta & Melilla',
 637 |     emoji: '🇪🇦'
 638 |   },
 639 |   EC: {
 640 |     code: 'EC',
 641 |     unicode: 'U+1F1EA U+1F1E8',
 642 |     name: 'Ecuador',
 643 |     emoji: '🇪🇨'
 644 |   },
 645 |   EE: {
 646 |     code: 'EE',
 647 |     unicode: 'U+1F1EA U+1F1EA',
 648 |     name: 'Estonia',
 649 |     emoji: '🇪🇪'
 650 |   },
 651 |   EG: {
 652 |     code: 'EG',
 653 |     unicode: 'U+1F1EA U+1F1EC',
 654 |     name: 'Egypt',
 655 |     emoji: '🇪🇬'
 656 |   },
 657 |   EH: {
 658 |     code: 'EH',
 659 |     unicode: 'U+1F1EA U+1F1ED',
 660 |     name: 'Western Sahara',
 661 |     emoji: '🇪🇭'
 662 |   },
 663 |   ER: {
 664 |     code: 'ER',
 665 |     unicode: 'U+1F1EA U+1F1F7',
 666 |     name: 'Eritrea',
 667 |     emoji: '🇪🇷'
 668 |   },
 669 |   ES: {
 670 |     code: 'ES',
 671 |     unicode: 'U+1F1EA U+1F1F8',
 672 |     name: 'Spain',
 673 |     emoji: '🇪🇸'
 674 |   },
 675 |   ET: {
 676 |     code: 'ET',
 677 |     unicode: 'U+1F1EA U+1F1F9',
 678 |     name: 'Ethiopia',
 679 |     emoji: '🇪🇹'
 680 |   },
 681 |   EU: {
 682 |     code: 'EU',
 683 |     unicode: 'U+1F1EA U+1F1FA',
 684 |     name: 'European Union',
 685 |     emoji: '🇪🇺'
 686 |   },
 687 |   FI: {
 688 |     code: 'FI',
 689 |     unicode: 'U+1F1EB U+1F1EE',
 690 |     name: 'Finland',
 691 |     emoji: '🇫🇮'
 692 |   },
 693 |   FJ: {
 694 |     code: 'FJ',
 695 |     unicode: 'U+1F1EB U+1F1EF',
 696 |     name: 'Fiji',
 697 |     emoji: '🇫🇯'
 698 |   },
 699 |   FK: {
 700 |     code: 'FK',
 701 |     unicode: 'U+1F1EB U+1F1F0',
 702 |     name: 'Falkland Islands',
 703 |     emoji: '🇫🇰'
 704 |   },
 705 |   FM: {
 706 |     code: 'FM',
 707 |     unicode: 'U+1F1EB U+1F1F2',
 708 |     name: 'Micronesia',
 709 |     emoji: '🇫🇲'
 710 |   },
 711 |   FO: {
 712 |     code: 'FO',
 713 |     unicode: 'U+1F1EB U+1F1F4',
 714 |     name: 'Faroe Islands',
 715 |     emoji: '🇫🇴'
 716 |   },
 717 |   FR: {
 718 |     code: 'FR',
 719 |     unicode: 'U+1F1EB U+1F1F7',
 720 |     name: 'France',
 721 |     emoji: '🇫🇷'
 722 |   },
 723 |   GA: {
 724 |     code: 'GA',
 725 |     unicode: 'U+1F1EC U+1F1E6',
 726 |     name: 'Gabon',
 727 |     emoji: '🇬🇦'
 728 |   },
 729 |   GB: {
 730 |     code: 'GB',
 731 |     unicode: 'U+1F1EC U+1F1E7',
 732 |     name: 'United Kingdom',
 733 |     emoji: '🇬🇧'
 734 |   },
 735 |   GD: {
 736 |     code: 'GD',
 737 |     unicode: 'U+1F1EC U+1F1E9',
 738 |     name: 'Grenada',
 739 |     emoji: '🇬🇩'
 740 |   },
 741 |   GE: {
 742 |     code: 'GE',
 743 |     unicode: 'U+1F1EC U+1F1EA',
 744 |     name: 'Georgia',
 745 |     emoji: '🇬🇪'
 746 |   },
 747 |   GF: {
 748 |     code: 'GF',
 749 |     unicode: 'U+1F1EC U+1F1EB',
 750 |     name: 'French Guiana',
 751 |     emoji: '🇬🇫'
 752 |   },
 753 |   GG: {
 754 |     code: 'GG',
 755 |     unicode: 'U+1F1EC U+1F1EC',
 756 |     name: 'Guernsey',
 757 |     emoji: '🇬🇬'
 758 |   },
 759 |   GH: {
 760 |     code: 'GH',
 761 |     unicode: 'U+1F1EC U+1F1ED',
 762 |     name: 'Ghana',
 763 |     emoji: '🇬🇭'
 764 |   },
 765 |   GI: {
 766 |     code: 'GI',
 767 |     unicode: 'U+1F1EC U+1F1EE',
 768 |     name: 'Gibraltar',
 769 |     emoji: '🇬🇮'
 770 |   },
 771 |   GL: {
 772 |     code: 'GL',
 773 |     unicode: 'U+1F1EC U+1F1F1',
 774 |     name: 'Greenland',
 775 |     emoji: '🇬🇱'
 776 |   },
 777 |   GM: {
 778 |     code: 'GM',
 779 |     unicode: 'U+1F1EC U+1F1F2',
 780 |     name: 'Gambia',
 781 |     emoji: '🇬🇲'
 782 |   },
 783 |   GN: {
 784 |     code: 'GN',
 785 |     unicode: 'U+1F1EC U+1F1F3',
 786 |     name: 'Guinea',
 787 |     emoji: '🇬🇳'
 788 |   },
 789 |   GP: {
 790 |     code: 'GP',
 791 |     unicode: 'U+1F1EC U+1F1F5',
 792 |     name: 'Guadeloupe',
 793 |     emoji: '🇬🇵'
 794 |   },
 795 |   GQ: {
 796 |     code: 'GQ',
 797 |     unicode: 'U+1F1EC U+1F1F6',
 798 |     name: 'Equatorial Guinea',
 799 |     emoji: '🇬🇶'
 800 |   },
 801 |   GR: {
 802 |     code: 'GR',
 803 |     unicode: 'U+1F1EC U+1F1F7',
 804 |     name: 'Greece',
 805 |     emoji: '🇬🇷'
 806 |   },
 807 |   GS: {
 808 |     code: 'GS',
 809 |     unicode: 'U+1F1EC U+1F1F8',
 810 |     name: 'South Georgia & South Sandwich Islands',
 811 |     emoji: '🇬🇸'
 812 |   },
 813 |   GT: {
 814 |     code: 'GT',
 815 |     unicode: 'U+1F1EC U+1F1F9',
 816 |     name: 'Guatemala',
 817 |     emoji: '🇬🇹'
 818 |   },
 819 |   GU: {
 820 |     code: 'GU',
 821 |     unicode: 'U+1F1EC U+1F1FA',
 822 |     name: 'Guam',
 823 |     emoji: '🇬🇺'
 824 |   },
 825 |   GW: {
 826 |     code: 'GW',
 827 |     unicode: 'U+1F1EC U+1F1FC',
 828 |     name: 'Guinea-Bissau',
 829 |     emoji: '🇬🇼'
 830 |   },
 831 |   GY: {
 832 |     code: 'GY',
 833 |     unicode: 'U+1F1EC U+1F1FE',
 834 |     name: 'Guyana',
 835 |     emoji: '🇬🇾'
 836 |   },
 837 |   HK: {
 838 |     code: 'HK',
 839 |     unicode: 'U+1F1ED U+1F1F0',
 840 |     name: 'Hong Kong SAR China',
 841 |     emoji: '🇭🇰'
 842 |   },
 843 |   HM: {
 844 |     code: 'HM',
 845 |     unicode: 'U+1F1ED U+1F1F2',
 846 |     name: 'Heard & McDonald Islands',
 847 |     emoji: '🇭🇲'
 848 |   },
 849 |   HN: {
 850 |     code: 'HN',
 851 |     unicode: 'U+1F1ED U+1F1F3',
 852 |     name: 'Honduras',
 853 |     emoji: '🇭🇳'
 854 |   },
 855 |   HR: {
 856 |     code: 'HR',
 857 |     unicode: 'U+1F1ED U+1F1F7',
 858 |     name: 'Croatia',
 859 |     emoji: '🇭🇷'
 860 |   },
 861 |   HT: {
 862 |     code: 'HT',
 863 |     unicode: 'U+1F1ED U+1F1F9',
 864 |     name: 'Haiti',
 865 |     emoji: '🇭🇹'
 866 |   },
 867 |   HU: {
 868 |     code: 'HU',
 869 |     unicode: 'U+1F1ED U+1F1FA',
 870 |     name: 'Hungary',
 871 |     emoji: '🇭🇺'
 872 |   },
 873 |   IC: {
 874 |     code: 'IC',
 875 |     unicode: 'U+1F1EE U+1F1E8',
 876 |     name: 'Canary Islands',
 877 |     emoji: '🇮🇨'
 878 |   },
 879 |   ID: {
 880 |     code: 'ID',
 881 |     unicode: 'U+1F1EE U+1F1E9',
 882 |     name: 'Indonesia',
 883 |     emoji: '🇮🇩'
 884 |   },
 885 |   IE: {
 886 |     code: 'IE',
 887 |     unicode: 'U+1F1EE U+1F1EA',
 888 |     name: 'Ireland',
 889 |     emoji: '🇮🇪'
 890 |   },
 891 |   IL: {
 892 |     code: 'IL',
 893 |     unicode: 'U+1F1EE U+1F1F1',
 894 |     name: 'Israel',
 895 |     emoji: '🇮🇱'
 896 |   },
 897 |   IM: {
 898 |     code: 'IM',
 899 |     unicode: 'U+1F1EE U+1F1F2',
 900 |     name: 'Isle of Man',
 901 |     emoji: '🇮🇲'
 902 |   },
 903 |   IN: {
 904 |     code: 'IN',
 905 |     unicode: 'U+1F1EE U+1F1F3',
 906 |     name: 'India',
 907 |     emoji: '🇮🇳'
 908 |   },
 909 |   IO: {
 910 |     code: 'IO',
 911 |     unicode: 'U+1F1EE U+1F1F4',
 912 |     name: 'British Indian Ocean Territory',
 913 |     emoji: '🇮🇴'
 914 |   },
 915 |   IQ: {
 916 |     code: 'IQ',
 917 |     unicode: 'U+1F1EE U+1F1F6',
 918 |     name: 'Iraq',
 919 |     emoji: '🇮🇶'
 920 |   },
 921 |   IR: {
 922 |     code: 'IR',
 923 |     unicode: 'U+1F1EE U+1F1F7',
 924 |     name: 'Iran',
 925 |     emoji: '🇮🇷'
 926 |   },
 927 |   IS: {
 928 |     code: 'IS',
 929 |     unicode: 'U+1F1EE U+1F1F8',
 930 |     name: 'Iceland',
 931 |     emoji: '🇮🇸'
 932 |   },
 933 |   IT: {
 934 |     code: 'IT',
 935 |     unicode: 'U+1F1EE U+1F1F9',
 936 |     name: 'Italy',
 937 |     emoji: '🇮🇹'
 938 |   },
 939 |   JE: {
 940 |     code: 'JE',
 941 |     unicode: 'U+1F1EF U+1F1EA',
 942 |     name: 'Jersey',
 943 |     emoji: '🇯🇪'
 944 |   },
 945 |   JM: {
 946 |     code: 'JM',
 947 |     unicode: 'U+1F1EF U+1F1F2',
 948 |     name: 'Jamaica',
 949 |     emoji: '🇯🇲'
 950 |   },
 951 |   JO: {
 952 |     code: 'JO',
 953 |     unicode: 'U+1F1EF U+1F1F4',
 954 |     name: 'Jordan',
 955 |     emoji: '🇯🇴'
 956 |   },
 957 |   JP: {
 958 |     code: 'JP',
 959 |     unicode: 'U+1F1EF U+1F1F5',
 960 |     name: 'Japan',
 961 |     emoji: '🇯🇵'
 962 |   },
 963 |   KE: {
 964 |     code: 'KE',
 965 |     unicode: 'U+1F1F0 U+1F1EA',
 966 |     name: 'Kenya',
 967 |     emoji: '🇰🇪'
 968 |   },
 969 |   KG: {
 970 |     code: 'KG',
 971 |     unicode: 'U+1F1F0 U+1F1EC',
 972 |     name: 'Kyrgyzstan',
 973 |     emoji: '🇰🇬'
 974 |   },
 975 |   KH: {
 976 |     code: 'KH',
 977 |     unicode: 'U+1F1F0 U+1F1ED',
 978 |     name: 'Cambodia',
 979 |     emoji: '🇰🇭'
 980 |   },
 981 |   KI: {
 982 |     code: 'KI',
 983 |     unicode: 'U+1F1F0 U+1F1EE',
 984 |     name: 'Kiribati',
 985 |     emoji: '🇰🇮'
 986 |   },
 987 |   KM: {
 988 |     code: 'KM',
 989 |     unicode: 'U+1F1F0 U+1F1F2',
 990 |     name: 'Comoros',
 991 |     emoji: '🇰🇲'
 992 |   },
 993 |   KN: {
 994 |     code: 'KN',
 995 |     unicode: 'U+1F1F0 U+1F1F3',
 996 |     name: 'St. Kitts & Nevis',
 997 |     emoji: '🇰🇳'
 998 |   },
 999 |   KP: {
1000 |     code: 'KP',
1001 |     unicode: 'U+1F1F0 U+1F1F5',
1002 |     name: 'North Korea',
1003 |     emoji: '🇰🇵'
1004 |   },
1005 |   KR: {
1006 |     code: 'KR',
1007 |     unicode: 'U+1F1F0 U+1F1F7',
1008 |     name: 'South Korea',
1009 |     emoji: '🇰🇷'
1010 |   },
1011 |   KW: {
1012 |     code: 'KW',
1013 |     unicode: 'U+1F1F0 U+1F1FC',
1014 |     name: 'Kuwait',
1015 |     emoji: '🇰🇼'
1016 |   },
1017 |   KY: {
1018 |     code: 'KY',
1019 |     unicode: 'U+1F1F0 U+1F1FE',
1020 |     name: 'Cayman Islands',
1021 |     emoji: '🇰🇾'
1022 |   },
1023 |   KZ: {
1024 |     code: 'KZ',
1025 |     unicode: 'U+1F1F0 U+1F1FF',
1026 |     name: 'Kazakhstan',
1027 |     emoji: '🇰🇿'
1028 |   },
1029 |   LA: {
1030 |     code: 'LA',
1031 |     unicode: 'U+1F1F1 U+1F1E6',
1032 |     name: 'Laos',
1033 |     emoji: '🇱🇦'
1034 |   },
1035 |   LB: {
1036 |     code: 'LB',
1037 |     unicode: 'U+1F1F1 U+1F1E7',
1038 |     name: 'Lebanon',
1039 |     emoji: '🇱🇧'
1040 |   },
1041 |   LC: {
1042 |     code: 'LC',
1043 |     unicode: 'U+1F1F1 U+1F1E8',
1044 |     name: 'St. Lucia',
1045 |     emoji: '🇱🇨'
1046 |   },
1047 |   LI: {
1048 |     code: 'LI',
1049 |     unicode: 'U+1F1F1 U+1F1EE',
1050 |     name: 'Liechtenstein',
1051 |     emoji: '🇱🇮'
1052 |   },
1053 |   LK: {
1054 |     code: 'LK',
1055 |     unicode: 'U+1F1F1 U+1F1F0',
1056 |     name: 'Sri Lanka',
1057 |     emoji: '🇱🇰'
1058 |   },
1059 |   LR: {
1060 |     code: 'LR',
1061 |     unicode: 'U+1F1F1 U+1F1F7',
1062 |     name: 'Liberia',
1063 |     emoji: '🇱🇷'
1064 |   },
1065 |   LS: {
1066 |     code: 'LS',
1067 |     unicode: 'U+1F1F1 U+1F1F8',
1068 |     name: 'Lesotho',
1069 |     emoji: '🇱🇸'
1070 |   },
1071 |   LT: {
1072 |     code: 'LT',
1073 |     unicode: 'U+1F1F1 U+1F1F9',
1074 |     name: 'Lithuania',
1075 |     emoji: '🇱🇹'
1076 |   },
1077 |   LU: {
1078 |     code: 'LU',
1079 |     unicode: 'U+1F1F1 U+1F1FA',
1080 |     name: 'Luxembourg',
1081 |     emoji: '🇱🇺'
1082 |   },
1083 |   LV: {
1084 |     code: 'LV',
1085 |     unicode: 'U+1F1F1 U+1F1FB',
1086 |     name: 'Latvia',
1087 |     emoji: '🇱🇻'
1088 |   },
1089 |   LY: {
1090 |     code: 'LY',
1091 |     unicode: 'U+1F1F1 U+1F1FE',
1092 |     name: 'Libya',
1093 |     emoji: '🇱🇾'
1094 |   },
1095 |   MA: {
1096 |     code: 'MA',
1097 |     unicode: 'U+1F1F2 U+1F1E6',
1098 |     name: 'Morocco',
1099 |     emoji: '🇲🇦'
1100 |   },
1101 |   MC: {
1102 |     code: 'MC',
1103 |     unicode: 'U+1F1F2 U+1F1E8',
1104 |     name: 'Monaco',
1105 |     emoji: '🇲🇨'
1106 |   },
1107 |   MD: {
1108 |     code: 'MD',
1109 |     unicode: 'U+1F1F2 U+1F1E9',
1110 |     name: 'Moldova',
1111 |     emoji: '🇲🇩'
1112 |   },
1113 |   ME: {
1114 |     code: 'ME',
1115 |     unicode: 'U+1F1F2 U+1F1EA',
1116 |     name: 'Montenegro',
1117 |     emoji: '🇲🇪'
1118 |   },
1119 |   MF: {
1120 |     code: 'MF',
1121 |     unicode: 'U+1F1F2 U+1F1EB',
1122 |     name: 'St. Martin',
1123 |     emoji: '🇲🇫'
1124 |   },
1125 |   MG: {
1126 |     code: 'MG',
1127 |     unicode: 'U+1F1F2 U+1F1EC',
1128 |     name: 'Madagascar',
1129 |     emoji: '🇲🇬'
1130 |   },
1131 |   MH: {
1132 |     code: 'MH',
1133 |     unicode: 'U+1F1F2 U+1F1ED',
1134 |     name: 'Marshall Islands',
1135 |     emoji: '🇲🇭'
1136 |   },
1137 |   MK: {
1138 |     code: 'MK',
1139 |     unicode: 'U+1F1F2 U+1F1F0',
1140 |     name: 'Macedonia',
1141 |     emoji: '🇲🇰'
1142 |   },
1143 |   ML: {
1144 |     code: 'ML',
1145 |     unicode: 'U+1F1F2 U+1F1F1',
1146 |     name: 'Mali',
1147 |     emoji: '🇲🇱'
1148 |   },
1149 |   MM: {
1150 |     code: 'MM',
1151 |     unicode: 'U+1F1F2 U+1F1F2',
1152 |     name: 'Myanmar (Burma)',
1153 |     emoji: '🇲🇲'
1154 |   },
1155 |   MN: {
1156 |     code: 'MN',
1157 |     unicode: 'U+1F1F2 U+1F1F3',
1158 |     name: 'Mongolia',
1159 |     emoji: '🇲🇳'
1160 |   },
1161 |   MO: {
1162 |     code: 'MO',
1163 |     unicode: 'U+1F1F2 U+1F1F4',
1164 |     name: 'Macau SAR China',
1165 |     emoji: '🇲🇴'
1166 |   },
1167 |   MP: {
1168 |     code: 'MP',
1169 |     unicode: 'U+1F1F2 U+1F1F5',
1170 |     name: 'Northern Mariana Islands',
1171 |     emoji: '🇲🇵'
1172 |   },
1173 |   MQ: {
1174 |     code: 'MQ',
1175 |     unicode: 'U+1F1F2 U+1F1F6',
1176 |     name: 'Martinique',
1177 |     emoji: '🇲🇶'
1178 |   },
1179 |   MR: {
1180 |     code: 'MR',
1181 |     unicode: 'U+1F1F2 U+1F1F7',
1182 |     name: 'Mauritania',
1183 |     emoji: '🇲🇷'
1184 |   },
1185 |   MS: {
1186 |     code: 'MS',
1187 |     unicode: 'U+1F1F2 U+1F1F8',
1188 |     name: 'Montserrat',
1189 |     emoji: '🇲🇸'
1190 |   },
1191 |   MT: {
1192 |     code: 'MT',
1193 |     unicode: 'U+1F1F2 U+1F1F9',
1194 |     name: 'Malta',
1195 |     emoji: '🇲🇹'
1196 |   },
1197 |   MU: {
1198 |     code: 'MU',
1199 |     unicode: 'U+1F1F2 U+1F1FA',
1200 |     name: 'Mauritius',
1201 |     emoji: '🇲🇺'
1202 |   },
1203 |   MV: {
1204 |     code: 'MV',
1205 |     unicode: 'U+1F1F2 U+1F1FB',
1206 |     name: 'Maldives',
1207 |     emoji: '🇲🇻'
1208 |   },
1209 |   MW: {
1210 |     code: 'MW',
1211 |     unicode: 'U+1F1F2 U+1F1FC',
1212 |     name: 'Malawi',
1213 |     emoji: '🇲🇼'
1214 |   },
1215 |   MX: {
1216 |     code: 'MX',
1217 |     unicode: 'U+1F1F2 U+1F1FD',
1218 |     name: 'Mexico',
1219 |     emoji: '🇲🇽'
1220 |   },
1221 |   MY: {
1222 |     code: 'MY',
1223 |     unicode: 'U+1F1F2 U+1F1FE',
1224 |     name: 'Malaysia',
1225 |     emoji: '🇲🇾'
1226 |   },
1227 |   MZ: {
1228 |     code: 'MZ',
1229 |     unicode: 'U+1F1F2 U+1F1FF',
1230 |     name: 'Mozambique',
1231 |     emoji: '🇲🇿'
1232 |   },
1233 |   NA: {
1234 |     code: 'NA',
1235 |     unicode: 'U+1F1F3 U+1F1E6',
1236 |     name: 'Namibia',
1237 |     emoji: '🇳🇦'
1238 |   },
1239 |   NC: {
1240 |     code: 'NC',
1241 |     unicode: 'U+1F1F3 U+1F1E8',
1242 |     name: 'New Caledonia',
1243 |     emoji: '🇳🇨'
1244 |   },
1245 |   NE: {
1246 |     code: 'NE',
1247 |     unicode: 'U+1F1F3 U+1F1EA',
1248 |     name: 'Niger',
1249 |     emoji: '🇳🇪'
1250 |   },
1251 |   NF: {
1252 |     code: 'NF',
1253 |     unicode: 'U+1F1F3 U+1F1EB',
1254 |     name: 'Norfolk Island',
1255 |     emoji: '🇳🇫'
1256 |   },
1257 |   NG: {
1258 |     code: 'NG',
1259 |     unicode: 'U+1F1F3 U+1F1EC',
1260 |     name: 'Nigeria',
1261 |     emoji: '🇳🇬'
1262 |   },
1263 |   NI: {
1264 |     code: 'NI',
1265 |     unicode: 'U+1F1F3 U+1F1EE',
1266 |     name: 'Nicaragua',
1267 |     emoji: '🇳🇮'
1268 |   },
1269 |   NL: {
1270 |     code: 'NL',
1271 |     unicode: 'U+1F1F3 U+1F1F1',
1272 |     name: 'Netherlands',
1273 |     emoji: '🇳🇱'
1274 |   },
1275 |   NO: {
1276 |     code: 'NO',
1277 |     unicode: 'U+1F1F3 U+1F1F4',
1278 |     name: 'Norway',
1279 |     emoji: '🇳🇴'
1280 |   },
1281 |   NP: {
1282 |     code: 'NP',
1283 |     unicode: 'U+1F1F3 U+1F1F5',
1284 |     name: 'Nepal',
1285 |     emoji: '🇳🇵'
1286 |   },
1287 |   NR: {
1288 |     code: 'NR',
1289 |     unicode: 'U+1F1F3 U+1F1F7',
1290 |     name: 'Nauru',
1291 |     emoji: '🇳🇷'
1292 |   },
1293 |   NU: {
1294 |     code: 'NU',
1295 |     unicode: 'U+1F1F3 U+1F1FA',
1296 |     name: 'Niue',
1297 |     emoji: '🇳🇺'
1298 |   },
1299 |   NZ: {
1300 |     code: 'NZ',
1301 |     unicode: 'U+1F1F3 U+1F1FF',
1302 |     name: 'New Zealand',
1303 |     emoji: '🇳🇿'
1304 |   },
1305 |   OM: {
1306 |     code: 'OM',
1307 |     unicode: 'U+1F1F4 U+1F1F2',
1308 |     name: 'Oman',
1309 |     emoji: '🇴🇲'
1310 |   },
1311 |   PA: {
1312 |     code: 'PA',
1313 |     unicode: 'U+1F1F5 U+1F1E6',
1314 |     name: 'Panama',
1315 |     emoji: '🇵🇦'
1316 |   },
1317 |   PE: {
1318 |     code: 'PE',
1319 |     unicode: 'U+1F1F5 U+1F1EA',
1320 |     name: 'Peru',
1321 |     emoji: '🇵🇪'
1322 |   },
1323 |   PF: {
1324 |     code: 'PF',
1325 |     unicode: 'U+1F1F5 U+1F1EB',
1326 |     name: 'French Polynesia',
1327 |     emoji: '🇵🇫'
1328 |   },
1329 |   PG: {
1330 |     code: 'PG',
1331 |     unicode: 'U+1F1F5 U+1F1EC',
1332 |     name: 'Papua New Guinea',
1333 |     emoji: '🇵🇬'
1334 |   },
1335 |   PH: {
1336 |     code: 'PH',
1337 |     unicode: 'U+1F1F5 U+1F1ED',
1338 |     name: 'Philippines',
1339 |     emoji: '🇵🇭'
1340 |   },
1341 |   PK: {
1342 |     code: 'PK',
1343 |     unicode: 'U+1F1F5 U+1F1F0',
1344 |     name: 'Pakistan',
1345 |     emoji: '🇵🇰'
1346 |   },
1347 |   PL: {
1348 |     code: 'PL',
1349 |     unicode: 'U+1F1F5 U+1F1F1',
1350 |     name: 'Poland',
1351 |     emoji: '🇵🇱'
1352 |   },
1353 |   PM: {
1354 |     code: 'PM',
1355 |     unicode: 'U+1F1F5 U+1F1F2',
1356 |     name: 'St. Pierre & Miquelon',
1357 |     emoji: '🇵🇲'
1358 |   },
1359 |   PN: {
1360 |     code: 'PN',
1361 |     unicode: 'U+1F1F5 U+1F1F3',
1362 |     name: 'Pitcairn Islands',
1363 |     emoji: '🇵🇳'
1364 |   },
1365 |   PR: {
1366 |     code: 'PR',
1367 |     unicode: 'U+1F1F5 U+1F1F7',
1368 |     name: 'Puerto Rico',
1369 |     emoji: '🇵🇷'
1370 |   },
1371 |   PS: {
1372 |     code: 'PS',
1373 |     unicode: 'U+1F1F5 U+1F1F8',
1374 |     name: 'Palestinian Territories',
1375 |     emoji: '🇵🇸'
1376 |   },
1377 |   PT: {
1378 |     code: 'PT',
1379 |     unicode: 'U+1F1F5 U+1F1F9',
1380 |     name: 'Portugal',
1381 |     emoji: '🇵🇹'
1382 |   },
1383 |   PW: {
1384 |     code: 'PW',
1385 |     unicode: 'U+1F1F5 U+1F1FC',
1386 |     name: 'Palau',
1387 |     emoji: '🇵🇼'
1388 |   },
1389 |   PY: {
1390 |     code: 'PY',
1391 |     unicode: 'U+1F1F5 U+1F1FE',
1392 |     name: 'Paraguay',
1393 |     emoji: '🇵🇾'
1394 |   },
1395 |   QA: {
1396 |     code: 'QA',
1397 |     unicode: 'U+1F1F6 U+1F1E6',
1398 |     name: 'Qatar',
1399 |     emoji: '🇶🇦'
1400 |   },
1401 |   RE: {
1402 |     code: 'RE',
1403 |     unicode: 'U+1F1F7 U+1F1EA',
1404 |     name: 'Réunion',
1405 |     emoji: '🇷🇪'
1406 |   },
1407 |   RO: {
1408 |     code: 'RO',
1409 |     unicode: 'U+1F1F7 U+1F1F4',
1410 |     name: 'Romania',
1411 |     emoji: '🇷🇴'
1412 |   },
1413 |   RS: {
1414 |     code: 'RS',
1415 |     unicode: 'U+1F1F7 U+1F1F8',
1416 |     name: 'Serbia',
1417 |     emoji: '🇷🇸'
1418 |   },
1419 |   RU: {
1420 |     code: 'RU',
1421 |     unicode: 'U+1F1F7 U+1F1FA',
1422 |     name: 'Russia',
1423 |     emoji: '🇷🇺'
1424 |   },
1425 |   RW: {
1426 |     code: 'RW',
1427 |     unicode: 'U+1F1F7 U+1F1FC',
1428 |     name: 'Rwanda',
1429 |     emoji: '🇷🇼'
1430 |   },
1431 |   SA: {
1432 |     code: 'SA',
1433 |     unicode: 'U+1F1F8 U+1F1E6',
1434 |     name: 'Saudi Arabia',
1435 |     emoji: '🇸🇦'
1436 |   },
1437 |   SB: {
1438 |     code: 'SB',
1439 |     unicode: 'U+1F1F8 U+1F1E7',
1440 |     name: 'Solomon Islands',
1441 |     emoji: '🇸🇧'
1442 |   },
1443 |   SC: {
1444 |     code: 'SC',
1445 |     unicode: 'U+1F1F8 U+1F1E8',
1446 |     name: 'Seychelles',
1447 |     emoji: '🇸🇨'
1448 |   },
1449 |   SD: {
1450 |     code: 'SD',
1451 |     unicode: 'U+1F1F8 U+1F1E9',
1452 |     name: 'Sudan',
1453 |     emoji: '🇸🇩'
1454 |   },
1455 |   SE: {
1456 |     code: 'SE',
1457 |     unicode: 'U+1F1F8 U+1F1EA',
1458 |     name: 'Sweden',
1459 |     emoji: '🇸🇪'
1460 |   },
1461 |   SG: {
1462 |     code: 'SG',
1463 |     unicode: 'U+1F1F8 U+1F1EC',
1464 |     name: 'Singapore',
1465 |     emoji: '🇸🇬'
1466 |   },
1467 |   SH: {
1468 |     code: 'SH',
1469 |     unicode: 'U+1F1F8 U+1F1ED',
1470 |     name: 'St. Helena',
1471 |     emoji: '🇸🇭'
1472 |   },
1473 |   SI: {
1474 |     code: 'SI',
1475 |     unicode: 'U+1F1F8 U+1F1EE',
1476 |     name: 'Slovenia',
1477 |     emoji: '🇸🇮'
1478 |   },
1479 |   SJ: {
1480 |     code: 'SJ',
1481 |     unicode: 'U+1F1F8 U+1F1EF',
1482 |     name: 'Svalbard & Jan Mayen',
1483 |     emoji: '🇸🇯'
1484 |   },
1485 |   SK: {
1486 |     code: 'SK',
1487 |     unicode: 'U+1F1F8 U+1F1F0',
1488 |     name: 'Slovakia',
1489 |     emoji: '🇸🇰'
1490 |   },
1491 |   SL: {
1492 |     code: 'SL',
1493 |     unicode: 'U+1F1F8 U+1F1F1',
1494 |     name: 'Sierra Leone',
1495 |     emoji: '🇸🇱'
1496 |   },
1497 |   SM: {
1498 |     code: 'SM',
1499 |     unicode: 'U+1F1F8 U+1F1F2',
1500 |     name: 'San Marino',
1501 |     emoji: '🇸🇲'
1502 |   },
1503 |   SN: {
1504 |     code: 'SN',
1505 |     unicode: 'U+1F1F8 U+1F1F3',
1506 |     name: 'Senegal',
1507 |     emoji: '🇸🇳'
1508 |   },
1509 |   SO: {
1510 |     code: 'SO',
1511 |     unicode: 'U+1F1F8 U+1F1F4',
1512 |     name: 'Somalia',
1513 |     emoji: '🇸🇴'
1514 |   },
1515 |   SR: {
1516 |     code: 'SR',
1517 |     unicode: 'U+1F1F8 U+1F1F7',
1518 |     name: 'Suriname',
1519 |     emoji: '🇸🇷'
1520 |   },
1521 |   SS: {
1522 |     code: 'SS',
1523 |     unicode: 'U+1F1F8 U+1F1F8',
1524 |     name: 'South Sudan',
1525 |     emoji: '🇸🇸'
1526 |   },
1527 |   ST: {
1528 |     code: 'ST',
1529 |     unicode: 'U+1F1F8 U+1F1F9',
1530 |     name: 'São Tomé & Príncipe',
1531 |     emoji: '🇸🇹'
1532 |   },
1533 |   SV: {
1534 |     code: 'SV',
1535 |     unicode: 'U+1F1F8 U+1F1FB',
1536 |     name: 'El Salvador',
1537 |     emoji: '🇸🇻'
1538 |   },
1539 |   SX: {
1540 |     code: 'SX',
1541 |     unicode: 'U+1F1F8 U+1F1FD',
1542 |     name: 'Sint Maarten',
1543 |     emoji: '🇸🇽'
1544 |   },
1545 |   SY: {
1546 |     code: 'SY',
1547 |     unicode: 'U+1F1F8 U+1F1FE',
1548 |     name: 'Syria',
1549 |     emoji: '🇸🇾'
1550 |   },
1551 |   SZ: {
1552 |     code: 'SZ',
1553 |     unicode: 'U+1F1F8 U+1F1FF',
1554 |     name: 'Swaziland',
1555 |     emoji: '🇸🇿'
1556 |   },
1557 |   TA: {
1558 |     code: 'TA',
1559 |     unicode: 'U+1F1F9 U+1F1E6',
1560 |     name: 'Tristan da Cunha',
1561 |     emoji: '🇹🇦'
1562 |   },
1563 |   TC: {
1564 |     code: 'TC',
1565 |     unicode: 'U+1F1F9 U+1F1E8',
1566 |     name: 'Turks & Caicos Islands',
1567 |     emoji: '🇹🇨'
1568 |   },
1569 |   TD: {
1570 |     code: 'TD',
1571 |     unicode: 'U+1F1F9 U+1F1E9',
1572 |     name: 'Chad',
1573 |     emoji: '🇹🇩'
1574 |   },
1575 |   TF: {
1576 |     code: 'TF',
1577 |     unicode: 'U+1F1F9 U+1F1EB',
1578 |     name: 'French Southern Territories',
1579 |     emoji: '🇹🇫'
1580 |   },
1581 |   TG: {
1582 |     code: 'TG',
1583 |     unicode: 'U+1F1F9 U+1F1EC',
1584 |     name: 'Togo',
1585 |     emoji: '🇹🇬'
1586 |   },
1587 |   TH: {
1588 |     code: 'TH',
1589 |     unicode: 'U+1F1F9 U+1F1ED',
1590 |     name: 'Thailand',
1591 |     emoji: '🇹🇭'
1592 |   },
1593 |   TJ: {
1594 |     code: 'TJ',
1595 |     unicode: 'U+1F1F9 U+1F1EF',
1596 |     name: 'Tajikistan',
1597 |     emoji: '🇹🇯'
1598 |   },
1599 |   TK: {
1600 |     code: 'TK',
1601 |     unicode: 'U+1F1F9 U+1F1F0',
1602 |     name: 'Tokelau',
1603 |     emoji: '🇹🇰'
1604 |   },
1605 |   TL: {
1606 |     code: 'TL',
1607 |     unicode: 'U+1F1F9 U+1F1F1',
1608 |     name: 'Timor-Leste',
1609 |     emoji: '🇹🇱'
1610 |   },
1611 |   TM: {
1612 |     code: 'TM',
1613 |     unicode: 'U+1F1F9 U+1F1F2',
1614 |     name: 'Turkmenistan',
1615 |     emoji: '🇹🇲'
1616 |   },
1617 |   TN: {
1618 |     code: 'TN',
1619 |     unicode: 'U+1F1F9 U+1F1F3',
1620 |     name: 'Tunisia',
1621 |     emoji: '🇹🇳'
1622 |   },
1623 |   TO: {
1624 |     code: 'TO',
1625 |     unicode: 'U+1F1F9 U+1F1F4',
1626 |     name: 'Tonga',
1627 |     emoji: '🇹🇴'
1628 |   },
1629 |   TR: {
1630 |     code: 'TR',
1631 |     unicode: 'U+1F1F9 U+1F1F7',
1632 |     name: 'Turkey',
1633 |     emoji: '🇹🇷'
1634 |   },
1635 |   TT: {
1636 |     code: 'TT',
1637 |     unicode: 'U+1F1F9 U+1F1F9',
1638 |     name: 'Trinidad & Tobago',
1639 |     emoji: '🇹🇹'
1640 |   },
1641 |   TV: {
1642 |     code: 'TV',
1643 |     unicode: 'U+1F1F9 U+1F1FB',
1644 |     name: 'Tuvalu',
1645 |     emoji: '🇹🇻'
1646 |   },
1647 |   TW: {
1648 |     code: 'TW',
1649 |     unicode: 'U+1F1F9 U+1F1FC',
1650 |     name: 'Taiwan',
1651 |     emoji: '🇹🇼'
1652 |   },
1653 |   TZ: {
1654 |     code: 'TZ',
1655 |     unicode: 'U+1F1F9 U+1F1FF',
1656 |     name: 'Tanzania',
1657 |     emoji: '🇹🇿'
1658 |   },
1659 |   UA: {
1660 |     code: 'UA',
1661 |     unicode: 'U+1F1FA U+1F1E6',
1662 |     name: 'Ukraine',
1663 |     emoji: '🇺🇦'
1664 |   },
1665 |   UG: {
1666 |     code: 'UG',
1667 |     unicode: 'U+1F1FA U+1F1EC',
1668 |     name: 'Uganda',
1669 |     emoji: '🇺🇬'
1670 |   },
1671 |   UM: {
1672 |     code: 'UM',
1673 |     unicode: 'U+1F1FA U+1F1F2',
1674 |     name: 'U.S. Outlying Islands',
1675 |     emoji: '🇺🇲'
1676 |   },
1677 |   UN: {
1678 |     code: 'UN',
1679 |     unicode: 'U+1F1FA U+1F1F3',
1680 |     name: 'United Nations',
1681 |     emoji: '🇺🇳'
1682 |   },
1683 |   US: {
1684 |     code: 'US',
1685 |     unicode: 'U+1F1FA U+1F1F8',
1686 |     name: 'United States',
1687 |     emoji: '🇺🇸'
1688 |   },
1689 |   UY: {
1690 |     code: 'UY',
1691 |     unicode: 'U+1F1FA U+1F1FE',
1692 |     name: 'Uruguay',
1693 |     emoji: '🇺🇾'
1694 |   },
1695 |   UZ: {
1696 |     code: 'UZ',
1697 |     unicode: 'U+1F1FA U+1F1FF',
1698 |     name: 'Uzbekistan',
1699 |     emoji: '🇺🇿'
1700 |   },
1701 |   VA: {
1702 |     code: 'VA',
1703 |     unicode: 'U+1F1FB U+1F1E6',
1704 |     name: 'Vatican City',
1705 |     emoji: '🇻🇦'
1706 |   },
1707 |   VC: {
1708 |     code: 'VC',
1709 |     unicode: 'U+1F1FB U+1F1E8',
1710 |     name: 'St. Vincent & Grenadines',
1711 |     emoji: '🇻🇨'
1712 |   },
1713 |   VE: {
1714 |     code: 'VE',
1715 |     unicode: 'U+1F1FB U+1F1EA',
1716 |     name: 'Venezuela',
1717 |     emoji: '🇻🇪'
1718 |   },
1719 |   VG: {
1720 |     code: 'VG',
1721 |     unicode: 'U+1F1FB U+1F1EC',
1722 |     name: 'British Virgin Islands',
1723 |     emoji: '🇻🇬'
1724 |   },
1725 |   VI: {
1726 |     code: 'VI',
1727 |     unicode: 'U+1F1FB U+1F1EE',
1728 |     name: 'U.S. Virgin Islands',
1729 |     emoji: '🇻🇮'
1730 |   },
1731 |   VN: {
1732 |     code: 'VN',
1733 |     unicode: 'U+1F1FB U+1F1F3',
1734 |     name: 'Vietnam',
1735 |     emoji: '🇻🇳'
1736 |   },
1737 |   VU: {
1738 |     code: 'VU',
1739 |     unicode: 'U+1F1FB U+1F1FA',
1740 |     name: 'Vanuatu',
1741 |     emoji: '🇻🇺'
1742 |   },
1743 |   WF: {
1744 |     code: 'WF',
1745 |     unicode: 'U+1F1FC U+1F1EB',
1746 |     name: 'Wallis & Futuna',
1747 |     emoji: '🇼🇫'
1748 |   },
1749 |   WS: {
1750 |     code: 'WS',
1751 |     unicode: 'U+1F1FC U+1F1F8',
1752 |     name: 'Samoa',
1753 |     emoji: '🇼🇸'
1754 |   },
1755 |   XK: {
1756 |     code: 'XK',
1757 |     unicode: 'U+1F1FD U+1F1F0',
1758 |     name: 'Kosovo',
1759 |     emoji: '🇽🇰'
1760 |   },
1761 |   YE: {
1762 |     code: 'YE',
1763 |     unicode: 'U+1F1FE U+1F1EA',
1764 |     name: 'Yemen',
1765 |     emoji: '🇾🇪'
1766 |   },
1767 |   YT: {
1768 |     code: 'YT',
1769 |     unicode: 'U+1F1FE U+1F1F9',
1770 |     name: 'Mayotte',
1771 |     emoji: '🇾🇹'
1772 |   },
1773 |   ZA: {
1774 |     code: 'ZA',
1775 |     unicode: 'U+1F1FF U+1F1E6',
1776 |     name: 'South Africa',
1777 |     emoji: '🇿🇦'
1778 |   },
1779 |   ZM: {
1780 |     code: 'ZM',
1781 |     unicode: 'U+1F1FF U+1F1F2',
1782 |     name: 'Zambia',
1783 |     emoji: '🇿🇲'
1784 |   },
1785 |   ZW: {
1786 |     code: 'ZW',
1787 |     unicode: 'U+1F1FF U+1F1FC',
1788 |     name: 'Zimbabwe',
1789 |     emoji: '🇿🇼'
1790 |   }
1791 | }
1792 | 


--------------------------------------------------------------------------------
/lib/helpers.js:
--------------------------------------------------------------------------------
 1 | import manifest from '../manifest'
 2 | 
 3 | export function validateEmail(email) {
 4 |   const re =
 5 |     /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
 6 |   return re.test(String(email).toLowerCase())
 7 | }
 8 | 
 9 | export function returnLocalizedMessage(locale, key) {
10 |   const { messageObject } = require(`../translations/${locale}`)
11 |   return messageObject[key]
12 | }
13 | 
14 | export function returnLocalizedQuestionText(locale, item, key) {
15 |   if (locale == 'en-US') {
16 |     return item[key]
17 |   } else if (item.translations === undefined) {
18 |     return item[key]
19 |   } else if (item.translations[locale] === undefined) {
20 |     return item[key]
21 |   } else if (item.translations[locale][key] === undefined) {
22 |     return item[key]
23 |   } else {
24 |     return item.translations[locale][key]
25 |   }
26 | }
27 | 
28 | export function calculateMinDate() {
29 |   const currentDate = new Date()
30 |   const maximumAge = manifest.metaData.maximumAge
31 |   currentDate.setFullYear(currentDate.getFullYear() - maximumAge)
32 |   return currentDate
33 | }
34 | 
35 | export function isInvalidBirthdate(date, dates = []) {
36 |   if (!date) return false // Empty birthdate
37 |   const minDate = calculateMinDate()
38 |   if (minDate < new Date(date))
39 |     return false // Leader falls in within age category
40 |   else if (dates.length) {
41 |     // Leader doesn't fall in within age category - check if co-leaders may have valid birthday
42 |     const values = dates.map(x => minDate > new Date(x))
43 |     if (values.includes(false)) return false // Co-leader has valid birthday, so form can be filled out
44 |   }
45 |   return true // None of them have valid birthdays
46 | }
47 | 
48 | export function handleChangeInDate(date, dates, stateSetter) {
49 |   stateSetter(isInvalidBirthdate(date, dates))
50 | }
51 | 


--------------------------------------------------------------------------------
/manifest.js:
--------------------------------------------------------------------------------
  1 | export default {
  2 |   clubs: [
  3 |     {
  4 |       header: 'Leaders',
  5 |       translations: {
  6 |         'pt-BR': {
  7 |           header: 'Líderes'
  8 |         }
  9 |       },
 10 |       items: [
 11 |         {
 12 |           key: 'President',
 13 |           label: 'Who should we reach out to?',
 14 |           type: 'select',
 15 |           optionsKey: 'Leaders Emails',
 16 |           optional: false,
 17 |           translations: {
 18 |             'pt-BR': {
 19 |               label: 'Quem você gostaria que fosse seu ponto de contato?'
 20 |             }
 21 |           }
 22 |         },
 23 |         {
 24 |           key: 'Leaders Relationship',
 25 |           label:
 26 |             'How long have you known your other club leaders and how did you meet?',
 27 |           translations: {
 28 |             'pt-BR': {
 29 |               label:
 30 |                 'Há quanto tempo você e seus co-líderes se conhecem e como vocês se conheceram?',
 31 |               sublabel: '(Não tem problema se for liderar seu clube sozinho!)'
 32 |             }
 33 |           },
 34 |           type: 'paragraph',
 35 |           optional: true,
 36 |           words: 50
 37 |         }
 38 |       ]
 39 |     },
 40 |     {
 41 |       header: 'Venue',
 42 |       translations: {
 43 |         'pt-BR': {
 44 |           header: 'Local'
 45 |         }
 46 |       },
 47 |       items: [
 48 |         {
 49 |           key: 'Venue Type',
 50 |           label: 'What type of venue will your Hack Club take place in?',
 51 |           translations: {
 52 |             'pt-BR': {
 53 |               label: 'Que tipo de local é este?',
 54 |               options: [
 55 |                 'Ensino médio',
 56 |                 'Faculdade/Universidade',
 57 |                 'Espaço Maker',
 58 |                 'Algo mais'
 59 |               ],
 60 |               sublabel:
 61 |                 '(Pode ser uma escola, espaço maker ou qualquer outro lugar.)'
 62 |             }
 63 |           },
 64 |           type: 'select',
 65 |           placeholder: 'Happy Hack High School',
 66 |           options: [
 67 |             'High School',
 68 |             'Makerspace',
 69 |             'Something Else'
 70 |           ],
 71 |           optional: false
 72 |         },
 73 |         {
 74 |           key: 'School Name',
 75 |           label: "What's the name of your venue?",
 76 |           translations: {
 77 |             'pt-BR': {
 78 |               label: 'Onde você está planejando criar seu Hack Club?',
 79 |               sublabel:
 80 |                 '(Coloque o nome do local. Exemplo: "Escola Hacker Feliz")',
 81 |               placeholder: 'Escola Hacker Feliz'
 82 |             }
 83 |           },
 84 |           sublabel:
 85 |             "(It doesn't have to be a high school! Instead, you can also add the name of your makerspace here)",
 86 |           placeholder: 'Happy Hack High School',
 87 |           type: 'string',
 88 |           optional: false
 89 |         },
 90 |         {
 91 |           key: 'School Address',
 92 |           label: `What's the full address?`,
 93 |           type: 'paragraph',
 94 |           translations: {
 95 |             'pt-BR': {
 96 |               label: 'Qual é o endereço do clube?',
 97 |               sublabel: 'Por favor inclua cidade, estado, país e CEP.'
 98 |             }
 99 |           },
100 |           optional: false,
101 |           sublabel: 'City, State / Province, Postal Code, Country'
102 |         }
103 |       ]
104 |     },
105 |     {
106 |       header: 'Idea',
107 |       label: (
108 |         <span style={{ fontSize: '20px' }}>
109 |           Answer these questions so we can personalize your club experience.
110 |         </span>
111 |       ),
112 |       translations: {
113 |         'pt-BR': {
114 |           header: 'Ideia'
115 |         }
116 |       },
117 |       items: [
118 |         {
119 |           key: 'Why',
120 |           label: 'Why are you planning to start a Hack Club?',
121 |           type: 'paragraph',
122 |           optional: false,
123 |           translations: {
124 |             'pt-BR': {
125 |               label: 'Por que você deseja iniciar um Hack Club?'
126 |             }
127 |           },
128 |           words: 75
129 |         },
130 |         {
131 |           key: 'Success',
132 |           label: 'Describe what your club meetings will look like.',
133 |           type: 'paragraph',
134 |           translations: {
135 |             'pt-BR': {
136 |               label: 'Como será o seu clube?'
137 |             }
138 |           },
139 |           optional: false,
140 |           words: 75
141 |         },
142 |         {
143 |           key: 'Get Out Of HC',
144 |           label: 'What do you personally hope to get out of Hack Club?',
145 |           type: 'paragraph',
146 |           translations: {
147 |             'pt-BR': {
148 |               label: 'O que você espera aprender com o seu Hack Club?'
149 |             }
150 |           },
151 |           optional: false,
152 |           words: 75
153 |         }
154 |       ]
155 |     },
156 |     {
157 |       header: 'Formation',
158 |       translations: {
159 |         'pt-BR': {
160 |           header: 'Organização'
161 |         }
162 |       },
163 |       items: [
164 |         {
165 |           key: 'Status',
166 |           label: 'What steps if any have you taken to start your club?',
167 |           sublabel:
168 |             "(have you registered with your school, taken interest surveys, identified a sponsor, etc. This is just to know where you are. If you have not done anything yet, that's okay.)",
169 |           type: 'paragraph',
170 |           translations: {
171 |             'pt-BR': {
172 |               label: 'Que passos você fez para começar seu clube?',
173 |               sublabel:
174 |                 '(Você se registrou com sua escola, fez formulários de interesse, etc.)'
175 |             }
176 |           },
177 |           optional: false,
178 |           words: 50
179 |         },
180 |         {
181 |           key: 'What Is New',
182 |           label:
183 |             'Has your school had coding clubs before? What’s going to be new about your Hack Club?',
184 |           type: 'paragraph',
185 |           translations: {
186 |             'pt-BR': {
187 |               label:
188 |                 'Sua escola já teve clubes de programação antes? O que vai ser diferente no seu Hack Club?'
189 |             }
190 |           },
191 |           optional: false,
192 |           words: 50
193 |         }
194 |       ]
195 |     },
196 |     {
197 |       header: 'Curious',
198 |       translations: {
199 |         'pt-BR': {
200 |           header: 'Curiosidades'
201 |         }
202 |       },
203 |       items: [
204 |         {
205 |           key: 'Hear About HC',
206 |           label:
207 |             'How did you hear about Hack Club? (i.e. from a friend, an event, a teacher, a website or Twitter)',
208 |           type: 'paragraph',
209 |           translations: {
210 |             'pt-BR': {
211 |               label:
212 |                 'Como você ouviu falar do Hack Club? Se você ouviu falar de nós por meio de um evento ou website, mencione ele aqui.'
213 |             }
214 |           },
215 |           optional: false
216 |         }
217 |       ]
218 |     }
219 |   ],
220 |   leaders: [
221 |     {
222 |       header: 'Leader',
223 |       translations: {
224 |         'pt-BR': {
225 |           header: 'Líder'
226 |         }
227 |       },
228 |       items: [
229 |         {
230 |           key: 'Full Name',
231 |           label: 'Full Name',
232 |           type: 'string',
233 |           translations: {
234 |             'pt-BR': {
235 |               label: 'Nome Completo',
236 |               header: 'Líder'
237 |             }
238 |           },
239 |           optional: false
240 |         },
241 |         {
242 |           key: 'Birthday',
243 |           label: 'Birthday',
244 |           type: 'string',
245 |           inputType: 'date',
246 |           translations: {
247 |             'pt-BR': {
248 |               label: 'Data de Aniversário'
249 |             }
250 |           },
251 |           optional: false
252 |         },
253 |         {
254 |           key: 'School Year',
255 |           label: 'Graduation Year',
256 |           type: 'string',
257 |           optional: false,
258 |           translations: {
259 |             'pt-BR': {
260 |               label: 'Ano na escola'
261 |             }
262 |           }
263 |         },
264 |         {
265 |           key: 'Code',
266 |           // label: 'Phone number (include country code if not in the United States)',
267 |           type: 'string',
268 |           inputType: 'tel',
269 |           translations: {
270 |             'pt-BR': {
271 |               // label: 'Número de telefone (inclua +55 antes se for do Brasil)'
272 |             }
273 |           },
274 |           optional: false
275 |         },
276 |         {
277 |           key: 'Phone',
278 |           // label: 'Phone number (include country code if not in the United States)',
279 |           type: 'string',
280 |           inputType: 'tel',
281 |           translations: {
282 |             'pt-BR': {
283 |               // label: 'Número de telefone (inclua +55 antes se for do Brasil)'
284 |             }
285 |           },
286 |           optional: false
287 |         }
288 |       ]
289 |     },
290 |     {
291 |       header: 'Mailing address',
292 |       label: 'The address where we can ship you stickers!',
293 |       translations: {
294 |         'pt-BR': {
295 |           header: 'Endereço de correspondência'
296 |         }
297 |       },
298 |       items: [
299 |         {
300 |           key: 'Address Line 1',
301 |           label: 'Street address',
302 |           type: 'string',
303 |           placeholder: '15 Falls Road',
304 |           translations: {
305 |             'pt-BR': {
306 |               label: 'Endereço (linha 1)'
307 |             }
308 |           },
309 |           optional: false
310 |         },
311 |         {
312 |           key: 'Address Line 2',
313 |           label: 'Address (line 2)',
314 |           type: 'string',
315 |           placeholder: 'Apt #123',
316 |           translations: {
317 |             'pt-BR': {
318 |               label: 'Endereço (linha 2)'
319 |             }
320 |           },
321 |           optional: true
322 |         },
323 |         {
324 |           key: 'Address City',
325 |           label: 'City',
326 |           placeholder: 'Ithaca',
327 |           type: 'string',
328 |           translations: {
329 |             'pt-BR': {
330 |               label: 'Cidade'
331 |             }
332 |           },
333 |           optional: false
334 |         },
335 |         {
336 |           key: 'Address State',
337 |           label: 'State',
338 |           type: 'string',
339 |           placeholder: 'NY',
340 |           translations: {
341 |             'pt-BR': {
342 |               label: 'Estado'
343 |             }
344 |           },
345 |           optional: false
346 |         },
347 |         {
348 |           key: 'Address Zip',
349 |           label: 'Zip code',
350 |           type: 'string',
351 |           placeholder: '14850',
352 |           translations: {
353 |             'pt-BR': {
354 |               label: 'CEP'
355 |             }
356 |           },
357 |           optional: false
358 |         },
359 |         {
360 |           key: 'Address Country',
361 |           label: 'Country',
362 |           placeholder: 'United States',
363 |           type: 'countrySelect',
364 |           translations: {
365 |             'pt-BR': {
366 |               label: 'País'
367 |             }
368 |           },
369 |           optional: false
370 |         }
371 |       ]
372 |     },
373 |     {
374 |       header: 'Presence',
375 |       translations: {
376 |         'pt-BR': {
377 |           header: 'Links'
378 |         }
379 |       },
380 |       items: [
381 |         {
382 |           key: 'Website',
383 |           label: 'Personal website link',
384 |           placeholder: 'https://',
385 |           type: 'string',
386 |           translations: {
387 |             'pt-BR': {
388 |               label: 'Link do site pessoal'
389 |             }
390 |           },
391 |           optional: true
392 |         },
393 |         {
394 |           key: 'GitHub',
395 |           label: 'GitHub link',
396 |           placeholder: 'https://',
397 |           type: 'string',
398 |           translations: {
399 |             'pt-BR': {
400 |               label: 'Link do GitHub'
401 |             }
402 |           },
403 |           optional: true
404 |         },
405 |         {
406 |           key: 'Twitter',
407 |           label: 'Twitter link',
408 |           placeholder: 'https://',
409 |           type: 'string',
410 |           translations: {
411 |             'pt-BR': {
412 |               label: 'Link do Twitter'
413 |             }
414 |           },
415 |           optional: true
416 |         },
417 |         {
418 |           key: 'Other',
419 |           label: 'Other Technical Links',
420 |           placeholder: 'https://',
421 |           type: 'string',
422 |           sublabel: '(Gitlab, Sourcehut, other site where your code lives)',
423 |           translations: {
424 |             'pt-BR': {
425 |               label: 'Link do ',
426 |               sublabel: '(Gitlab, Sourcehut, outro site onde seu código reside)'
427 |             }
428 |           },
429 |           optional: true
430 |         }
431 |       ]
432 |     },
433 |     {
434 |       header: 'Skills',
435 |       header: 'Hacker Details',
436 |       label:
437 |         'We want to get to know you! Please answer these questions like you’re telling them to a friend',
438 |       translations: {
439 |         'pt-BR': {
440 |           header: 'Habilidades',
441 |           label:
442 |             'Queremos te conhecer! Por favor responda essas perguntas como se estivesse contando-as para um amigo'
443 |         }
444 |       },
445 |       items: [
446 |         {
447 |           key: 'Achievement',
448 |           label: `Tell us about something you made which was personally meaningful to you.`,
449 |           type: 'paragraph',
450 |           translations: {
451 |             'pt-BR': {
452 |               label:
453 |                 'Conte-nos sobre algo que você fez que foi pessoalmente significativo para você.',
454 |               sublabel: '(coloque links, se possível)'
455 |             }
456 |           },
457 |           optional: false,
458 |           sublabel: '(include links and links to images if possible)',
459 |           characters: [150, 250]
460 |         },
461 |         {
462 |           key: 'New Fact',
463 |           label:
464 |             'What is something surprising or amusing you learned recently?',
465 |           type: 'paragraph',
466 |           translations: {
467 |             'pt-BR': {
468 |               label: 'O que você aprendeu recentemente?',
469 |               sublabel:
470 |                 'Não precisa ser relacionado ao Hack Club nem ter relação com programação. :)'
471 |             }
472 |           },
473 |           optional: false,
474 |           characters: [50, 400],
475 |           sublabel: `Don't make it about Hack Club! Doesn't have to be about coding.`
476 |         },
477 |         {
478 |           key: 'Hacker Story',
479 |           label: (
480 |             <>
481 |               Please tell us about the time you most successfully hacked some
482 |               (non-computer) system to your advantage.{' '}
483 |               <a
484 |                 href="https://www.quora.com/When-have-you-most-successfully-hacked-a-non-computer-system-to-your-advantage"
485 |                 style={{ color: '#338eda' }}
486 |                 target="_blank"
487 |               >
488 |                 Here are examples of what we&#39;re looking for
489 |               </a>
490 |               .
491 |             </>
492 |           ),
493 |           translations: {
494 |             'pt-BR': {
495 |               label: (
496 |                 <>
497 |                   Por favor nos conte alguma vez que você hackeou com sucesso
498 |                   algum sistema (não computacional) para obter alguma vantagem.
499 |                   <a
500 |                     href="https://www.quora.com/When-have-you-most-successfully-hacked-a-non-computer-system-to-your-advantage"
501 |                     style={{ color: '#338eda' }}
502 |                     target="_blank"
503 |                   >
504 |                     {' '}
505 |                     Aqui estão alguns exemplos do que estamos buscando
506 |                   </a>
507 |                   .
508 |                 </>
509 |               )
510 |             }
511 |           },
512 |           plainText:
513 |             'Please tell us about the time you most successfully hacked some (non-computer) system to your advantage.',
514 |           type: 'paragraph',
515 |           optional: false,
516 |           characters: [450, 1200]
517 |         }
518 |       ]
519 |     },
520 |     {
521 |       header: 'Optional Stats',
522 |       label:
523 |         'We care about being as inclusive as possible. Sharing this information helps us achieve that goal.',
524 |       translations: {
525 |         'pt-BR': {
526 |           header: 'Estatísticas',
527 |           label:
528 |             'Nós nos importamos em ser o mais inclusivos possíveis. Compartilhando essas informações, você nos ajuda a tornar isso possível'
529 |         }
530 |       },
531 |       items: [
532 |         {
533 |           key: 'Gender',
534 |           label: 'Gender',
535 |           optional: true,
536 |           type: 'select',
537 |           options: [
538 |             'Male',
539 |             'Female',
540 |             'Non-binary/non-conforming',
541 |             'Prefer not to respond'
542 |           ],
543 |           translations: {
544 |             'pt-BR': {
545 |               label: 'Pronomes',
546 |               options: [
547 |                 'Macho',
548 |                 'Fêmea',
549 |                 'Não binário/não conforme',
550 |                 'Prefiro não responder'
551 |               ]
552 |             }
553 |           },
554 |           optional: true
555 |         },
556 |         {
557 |           key: 'Ethnicity',
558 |           label: 'Ethnicity',
559 |           type: 'select',
560 |           translations: {
561 |             'pt-BR': {
562 |               label: 'Etnia',
563 |               options: [
564 |                 'Origem hispânica, latina ou espanhola',
565 |                 'Branco',
566 |                 'Afro-americano',
567 |                 'índio americano ou nativo do Alasca',
568 |                 'Asiático',
569 |                 'índio asiático',
570 |                 'Nativo havaiano ou outro ilhéu do Pacífico',
571 |                 'Outra etnia',
572 |                 'Prefiro não dizer'
573 |               ]
574 |             }
575 |           },
576 |           options: [
577 |             'Hispanic, Latino or Spanish origin',
578 |             'White',
579 |             'Black, African American',
580 |             'American Indian or Alaska native',
581 |             'Asian',
582 |             'Asian Indian',
583 |             'Native Hawaiian or Other Pacific Islander',
584 |             'Other Ethnicity',
585 |             'Prefer not to say'
586 |           ],
587 |           optional: true
588 |         }
589 |       ]
590 |     }
591 |   ],
592 |   metaData: {
593 |     maximumAge: 20 /**IN YEARS*/
594 |   }
595 | }
596 | 


--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
1 | const withMDX = require('@next/mdx')({ extension: /\.mdx?$/ })
2 | module.exports = withMDX({
3 |   pageExtensions: ['js', 'jsx', 'mdx'],
4 |   i18n: {
5 |     locales: ['en-US', 'pt-BR'],
6 |     defaultLocale: 'en-US'
7 |   }
8 | })
9 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "license": "MIT",
 3 |   "private": true,
 4 |   "scripts": {
 5 |     "dev": "next",
 6 |     "build": "next build",
 7 |     "start": "next start",
 8 |     "format": "prettier --ignore-path ./.gitignore --write ."
 9 |   },
10 |   "dependencies": {
11 |     "@hackclub/icons": "^0.0.9",
12 |     "@hackclub/meta": "^1.1.0",
13 |     "@hackclub/theme": "^0.3.1",
14 |     "@mdx-js/loader": "^1.6.22",
15 |     "@next/mdx": "^10.0.4",
16 |     "airtable-plus": "^1.0.4",
17 |     "next": "^12.1.0",
18 |     "nookies": "^2.5.2",
19 |     "nprogress": "^0.2.0",
20 |     "prop-types": "^15.7.2",
21 |     "react": "^17.0.2",
22 |     "react-canvas-confetti": "^1.3.0",
23 |     "react-dom": "^17.0.2",
24 |     "swr": "^0.5.6",
25 |     "theme-ui": "^0.10.0"
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/pages/[application]/[leader]/[type].js:
--------------------------------------------------------------------------------
  1 | import Error from 'next/error'
  2 | import {
  3 |   Box,
  4 |   Input,
  5 |   Card,
  6 |   Container,
  7 |   Text,
  8 |   Button,
  9 |   Flex,
 10 |   Select,
 11 |   Textarea,
 12 |   Field
 13 | } from 'theme-ui'
 14 | import Icon from '@hackclub/icons'
 15 | import { useState, useEffect, useRef } from 'react'
 16 | import manifest from '../../../manifest'
 17 | import nookies, { destroyCookie } from 'nookies'
 18 | import { useRouter } from 'next/router'
 19 | import {
 20 |   returnLocalizedMessage,
 21 |   returnLocalizedQuestionText,
 22 |   handleChangeInDate,
 23 |   isInvalidBirthdate
 24 | } from '../../../lib/helpers'
 25 | import TimelineCard from '../../../components/Timeline'
 26 | import { countryCodeData, flags } from '../../../lib/countrycodes'
 27 | import Popup from '../../../components/Popup'
 28 | 
 29 | export default function ApplicationClub({
 30 |   notFound,
 31 |   applicationsRecord,
 32 |   leaderRecord,
 33 |   trackerRecord,
 34 |   params
 35 | }) {
 36 |   const [data, setData] = useState(
 37 |     params.type === 'club' ? applicationsRecord.fields : leaderRecord.fields
 38 |   )
 39 |   const [lastData, setLastData] = useState({})
 40 |   const [saved, setSavedState] = useState(true)
 41 |   const [disabled, setDisabled] = useState(
 42 |     isInvalidBirthdate(
 43 |       leaderRecord.fields['Birthday'],
 44 |       applicationsRecord.fields['Leader Birthdays']
 45 |     )
 46 |   )
 47 | 
 48 |   const [showPopup, setShowPopup] = useState(null)
 49 | 
 50 |   const savingStateRef = useRef(saved)
 51 |   const setSaved = data => {
 52 |     savingStateRef.current = data
 53 |     setSavedState(data)
 54 |   }
 55 | 
 56 |   const router = useRouter()
 57 |   const slug = router.asPath.split('/')[3]
 58 | 
 59 |   useEffect(() => {
 60 |     const type =
 61 |       slug === 'club' ? applicationsRecord.fields : leaderRecord.fields
 62 |     if (data !== type) {
 63 |       router.reload()
 64 |     }
 65 |   }, [slug || params.type])
 66 | 
 67 |   const poster = async () => {
 68 |     const appOrLeader =
 69 |       params.type === 'club' ? params.application : params.leader
 70 | 
 71 |     const msg = { body: JSON.stringify(data), method: 'POST' }
 72 |     const fetched = await fetch(
 73 |       `/api/${params.type}/save?id=${appOrLeader}`,
 74 |       msg
 75 |     )
 76 |     const json = await fetched.json()
 77 | 
 78 |     if (json.success) {
 79 |       setSaved(true)
 80 |       setLastData(json)
 81 |     } else {
 82 |       console.error(json)
 83 |       alert(`❌ ${returnLocalizedMessage(router.locale, 'ERROR')}`)
 84 |     }
 85 | 
 86 |     return json
 87 |   }
 88 | 
 89 |   useEffect(() => {
 90 |     console.log(data['Birthday'], applicationsRecord.fields['Leader Birthdays'])
 91 |     setDisabled(
 92 |       isInvalidBirthdate(
 93 |         data['Birthday'],
 94 |         applicationsRecord.fields['Leader Birthdays']
 95 |       )
 96 |     )
 97 |     const timer = setTimeout(() => {
 98 |       if (lastData !== data) {
 99 |         poster()
100 |         setLastData(data)
101 |       }
102 |     }, 3500)
103 |     return () => clearTimeout(timer)
104 |   }, [data])
105 | 
106 |   useEffect(() => {
107 |     window.addEventListener('beforeunload', function (e) {
108 |       if (!savingStateRef.current) {
109 |         e.preventDefault()
110 |         e.returnValue = ''
111 |       } else {
112 |         delete e['returnValue']
113 |       }
114 |     })
115 |   })
116 | 
117 |   async function goHome(autoSave = true) {
118 |     if (!saved) {
119 |       if (
120 |         autoSave ||
121 |         window.confirm(
122 |           returnLocalizedMessage(router.locale, 'ARE_YOU_SURE_YOU_WANT_TO_SAVE')
123 |         )
124 |       ) {
125 |         await poster()
126 |       }
127 |     }
128 |     {
129 |       leaderRecord.fields['Email'] !=
130 |         applicationsRecord.fields['Leaders Emails'][0] || params.type === 'club'
131 |         ? router.push(`/${params.application}/${params.leader}/review`)
132 |         : router.push(`/${params.application}/${params.leader}/club`)
133 |     }
134 |   }
135 | 
136 |   if (notFound) {
137 |     return <Error statusCode="404" />
138 |   }
139 |   return (
140 |     <>
141 |       {showPopup == true && (
142 |         <Popup
143 |           onClose={() => setShowPopup(false)}
144 |           content={
145 |             <Text>
146 |               {returnLocalizedMessage(
147 |                 router.locale,
148 |                 'FYI_WE_DONT_ACCEPT_FROM_UNI_AND_TEACHERS'
149 |               )}{' '}
150 |               <Text
151 |                 as="b"
152 |                 href={`mailto:${returnLocalizedMessage(
153 |                   router.locale,
154 |                   'CONTACT_EMAIL'
155 |                 )}`}
156 |                 sx={{
157 |                   color: 'red',
158 |                   textDecoration: 'none',
159 |                   '&:hover': {
160 |                     textDecoration: 'underline',
161 |                     textDecorationStyle: 'wavy'
162 |                   }
163 |                 }}
164 |               >
165 |                 {returnLocalizedMessage(router.locale, 'CONTACT_EMAIL')}
166 |               </Text>{' '}
167 |               {returnLocalizedMessage(router.locale, 'FOR_MORE_DETAILS')}{' '}
168 |             </Text>
169 |           }
170 |         />
171 |       )}
172 |       <Container py={4} variant="copy">
173 |         <TimelineCard
174 |           router={router}
175 |           applicationsRecord={applicationsRecord}
176 |           leaderRecord={leaderRecord}
177 |           data={data}
178 |           params={params}
179 |           saved={saved}
180 |           trackerRecord={trackerRecord}
181 |         />
182 |         <SavedInfo saved={saved} poster={poster} router={router} />
183 |         <Card px={[4, 4]} py={[4, 4]}>
184 |           {(params.type == 'club' ? manifest.clubs : manifest.leaders).map(
185 |             (sectionItem, sectionIndex) => (
186 |               <Box key={sectionIndex}>
187 |                 {sectionItem.header === 'Leaders' &&
188 |                 applicationsRecord.fields['Leaders Emails'].length ===
189 |                   1 ? null : (
190 |                   <>
191 |                     <Box
192 |                       sx={{
193 |                         textAlign: 'left',
194 |                         mt: `${
195 |                           params.type === 'club' &&
196 |                           sectionItem.header === 'Venue'
197 |                             ? '-1rem'
198 |                             : '0'
199 |                         }`
200 |                       }}
201 |                     >
202 |                       <Text
203 |                         sx={{ color: 'red', fontSize: '27px', fontWeight: 800 }}
204 |                       >
205 |                         {returnLocalizedQuestionText(
206 |                           router.locale,
207 |                           sectionItem,
208 |                           'header'
209 |                         )}
210 |                       </Text>
211 |                     </Box>
212 |                   </>
213 |                 )}
214 |                 <Box>
215 |                   {sectionItem.label && (
216 |                     <Box sx={{ color: 'muted', mb: 3 }}>
217 |                       {returnLocalizedQuestionText(
218 |                         router.locale,
219 |                         sectionItem,
220 |                         'label'
221 |                       )}
222 |                     </Box>
223 |                   )}
224 |                   {sectionItem.items.map((item, index) => (
225 |                     <Box
226 |                       mt={1}
227 |                       mb={3}
228 |                       key={'form-item-' + sectionIndex + '-' + index}
229 |                     >
230 |                       {(item.key === 'Leaders Relationship' ||
231 |                         item.key === 'President') &&
232 |                       applicationsRecord.fields['Prospective Leaders']
233 |                         .length === 1 ? null : item.key === 'Code' ? null : (
234 |                         <>
235 |                           {item.key === 'Phone' ? (
236 |                             <Text sx={{ fontSize: '20px' }}>
237 |                               {returnLocalizedMessage(
238 |                                 router.locale,
239 |                                 'PHONE_NUMBER'
240 |                               )}
241 |                             </Text>
242 |                           ) : null}
243 | 
244 |                           <Box
245 |                             sx={{
246 |                               display: `${
247 |                                 item.key === 'Phone' ? 'flex' : 'grid'
248 |                               }`,
249 |                               flexDirection: ['column', 'row'],
250 |                               gap: '15px'
251 |                             }}
252 |                           >
253 |                             {item.key === 'Phone' ? (
254 |                               <>
255 |                                 <Field
256 |                                   disabled={
257 |                                     applicationsRecord.fields['Submitted']
258 |                                       ? true
259 |                                       : disabled
260 |                                   }
261 |                                   as={Select}
262 |                                   onChange={e => {
263 |                                     let newData = {}
264 |                                     newData['Code'] = e.target.value
265 |                                     setData({ ...data, ...newData })
266 |                                     setSaved(false)
267 |                                   }}
268 |                                   type={'select'}
269 |                                   name="code"
270 |                                   value={
271 |                                     data['Code'] !== undefined
272 |                                       ? data['Code']
273 |                                       : ''
274 |                                   }
275 |                                   sx={{
276 |                                     border: '1px solid',
277 |                                     borderColor: 'rgb(221, 225, 228)',
278 |                                     resize: 'vertical',
279 |                                     display: 'grid'
280 |                                   }}
281 |                                   children={
282 |                                     <>
283 |                                       <option value="" disabled>
284 |                                         {returnLocalizedMessage(
285 |                                           router.locale,
286 |                                           'SELECT_ONE'
287 |                                         )}
288 |                                       </option>
289 |                                       {countryCodeData.map((country, index) => {
290 |                                         return (
291 |                                           <option key={index}>
292 |                                             {country.iso}{' '}
293 |                                             {flags[`${country.iso}`]?.emoji} +
294 |                                             {country.code}
295 |                                           </option>
296 |                                         )
297 |                                       })}
298 |                                     </>
299 |                                   }
300 |                                 />
301 |                               </>
302 |                             ) : null}
303 |                             <Field
304 |                               label={
305 |                                 <Text>
306 |                                   {returnLocalizedQuestionText(
307 |                                     router.locale,
308 |                                     item,
309 |                                     'label'
310 |                                   )}{' '}
311 |                                   <Text
312 |                                     sx={{
313 |                                       color: 'muted',
314 |                                       display: item.optional ? 'inline' : 'none'
315 |                                     }}
316 |                                   >
317 |                                     (
318 |                                     {returnLocalizedMessage(
319 |                                       router.locale,
320 |                                       'OPTIONAL'
321 |                                     )}
322 |                                     )
323 |                                   </Text>
324 |                                 </Text>
325 |                               }
326 |                               disabled={
327 |                                 applicationsRecord.fields['Submitted']
328 |                                   ? true
329 |                                   : disabled && item.inputType !== 'date'
330 |                                   ? true
331 |                                   : false
332 |                               }
333 |                               onChange={e => {
334 |                                 let newData = {}
335 |                                 newData['President'] = `${
336 |                                   applicationsRecord.fields['Leaders Emails']
337 |                                     .length > 1
338 |                                     ? data['President']
339 |                                     : applicationsRecord.fields[
340 |                                         'Leaders Emails'
341 |                                       ][0]
342 |                                 }`
343 |                                 newData[item.key] = `${
344 |                                   item.key === 'President'
345 |                                     ? newData['President']
346 |                                     : e.target.value
347 |                                 }`
348 |                                 setData({ ...data, ...newData })
349 |                                 setSaved(false)
350 |                               }}
351 |                               placeholder={returnLocalizedQuestionText(
352 |                                 router.locale,
353 |                                 item,
354 |                                 'placeholder'
355 |                               )}
356 |                               as={
357 |                                 item.type == 'string'
358 |                                   ? Input
359 |                                   : item.type == 'paragraph'
360 |                                   ? Textarea
361 |                                   : Select
362 |                               }
363 |                               type={item.inputType}
364 |                               name="email"
365 |                               value={
366 |                                 item.key === 'President'
367 |                                   ? applicationsRecord.fields[
368 |                                       'Leaders Emails'
369 |                                     ][0]
370 |                                   : data[item.key] !== undefined
371 |                                   ? data[item.key]
372 |                                   : ''
373 |                               }
374 |                               onBlur={
375 |                                 item.inputType === 'date'
376 |                                   ? e => {
377 |                                       if (
378 |                                         isInvalidBirthdate(
379 |                                           e.target.value,
380 |                                           applicationsRecord.fields[
381 |                                             'Leader Birthdays'
382 |                                           ]
383 |                                         )
384 |                                       )
385 |                                         setShowPopup(true)
386 |                                     }
387 |                                   : null
388 |                               }
389 |                               onInput={
390 |                                 item.inputType === 'date'
391 |                                   ? e => {
392 |                                       handleChangeInDate(
393 |                                         e.target.value,
394 |                                         applicationsRecord.fields[
395 |                                           'Leader Birthdays'
396 |                                         ],
397 |                                         setDisabled
398 |                                       )
399 |                                     }
400 |                                   : null
401 |                               }
402 |                               sx={{
403 |                                 border: '1px solid',
404 |                                 borderColor: 'rgb(221, 225, 228)',
405 |                                 resize: 'vertical',
406 |                                 width: `${
407 |                                   item.key === 'Phone' ? '40rem' : '100%'
408 |                                 }`,
409 |                                 maxWidth: '100%'
410 |                               }}
411 |                               // custom country select field
412 |                               {...(item.type == 'countrySelect'
413 |                                 ? {
414 |                                     children: (
415 |                                       <>
416 |                                         <option value="" disabled>
417 |                                           {returnLocalizedMessage(
418 |                                             router.locale,
419 |                                             'SELECT_ONE'
420 |                                           )}
421 |                                         </option>
422 |                                         {countryCodeData.map(
423 |                                           (country, index) => {
424 |                                             return (
425 |                                               <option
426 |                                                 key={country.country}
427 |                                                 value={country.country}
428 |                                               >
429 |                                                 {country.country}{' '}
430 |                                                 {flags[`${country.iso}`]?.emoji}
431 |                                               </option>
432 |                                             )
433 |                                           }
434 |                                         )}
435 |                                       </>
436 |                                     )
437 |                                   }
438 |                                 : null)}
439 |                               {...(item.type == 'select'
440 |                                 ? item.options
441 |                                   ? {
442 |                                       children: (
443 |                                         <>
444 |                                           <option value="" disabled>
445 |                                             {returnLocalizedMessage(
446 |                                               router.locale,
447 |                                               'SELECT_ONE'
448 |                                             )}
449 |                                           </option>
450 |                                           {returnLocalizedQuestionText(
451 |                                             router.locale,
452 |                                             item,
453 |                                             'options'
454 |                                           ).map(option => (
455 |                                             <option key={option}>
456 |                                               {option}
457 |                                             </option>
458 |                                           ))}
459 |                                         </>
460 |                                       )
461 |                                     }
462 |                                   : {
463 |                                       children: (
464 |                                         <>
465 |                                           <option value="" disabled>
466 |                                             {returnLocalizedMessage(
467 |                                               router.locale,
468 |                                               'SELECT_ONE'
469 |                                             )}
470 |                                           </option>
471 |                                           {applicationsRecord.fields[
472 |                                             item.optionsKey
473 |                                           ].map(option => (
474 |                                             <option key={option}>
475 |                                               {option}
476 |                                             </option>
477 |                                           ))}
478 |                                         </>
479 |                                       )
480 |                                     }
481 |                                 : {})}
482 |                             />
483 |                           </Box>
484 |                           {item.inputType === 'date' ? (
485 |                             <Text
486 |                               sx={{
487 |                                 color: 'red',
488 |                                 marginTop: [2]
489 |                               }}
490 |                               as="p"
491 |                             >
492 |                               {disabled ? (
493 |                                 <Text>
494 |                                   {returnLocalizedMessage(
495 |                                     router.locale,
496 |                                     'FYI_WE_DONT_ACCEPT_FROM_UNI_AND_TEACHERS'
497 |                                   )}{' '}
498 |                                   <Text
499 |                                     as="b"
500 |                                     href={`mailto:${returnLocalizedMessage(
501 |                                       router.locale,
502 |                                       'CONTACT_EMAIL'
503 |                                     )}`}
504 |                                     sx={{
505 |                                       color: 'red',
506 |                                       textDecoration: 'none',
507 |                                       '&:hover': {
508 |                                         textDecoration: 'underline',
509 |                                         textDecorationStyle: 'wavy'
510 |                                       }
511 |                                     }}
512 |                                   >
513 |                                     {returnLocalizedMessage(
514 |                                       router.locale,
515 |                                       'CONTACT_EMAIL'
516 |                                     )}
517 |                                   </Text>{' '}
518 |                                   {returnLocalizedMessage(
519 |                                     router.locale,
520 |                                     'FOR_MORE_DETAILS'
521 |                                   )}{' '}
522 |                                 </Text>
523 |                               ) : null}
524 |                             </Text>
525 |                           ) : null}
526 | 
527 |                           {item.words && (
528 |                             <Text
529 |                               sx={{ fontSize: '18px', color: 'muted', mt: 1 }}
530 |                               as="p"
531 |                             >
532 |                               (
533 |                               {returnLocalizedMessage(
534 |                                 router.locale,
535 |                                 'AIM_FOR_BETWEEN'
536 |                               )}{' '}
537 |                               {item.words}{' '}
538 |                               {returnLocalizedMessage(router.locale, 'WORDS')}
539 |                               {data[item.key] &&
540 |                                 ', ' +
541 |                                   data[item.key].split(' ').length +
542 |                                   ' ' +
543 |                                   returnLocalizedMessage(
544 |                                     router.locale,
545 |                                     data[item.key].split(' ').length == 1
546 |                                       ? 'WORD'
547 |                                       : 'WORDS'
548 |                                   ) +
549 |                                   ' ' +
550 |                                   returnLocalizedMessage(
551 |                                     router.locale,
552 |                                     'SO_FAR'
553 |                                   )}
554 |                               )
555 |                             </Text>
556 |                           )}
557 |                           {item.sublabel && (
558 |                             <Text
559 |                               sx={{ fontSize: '16px', color: 'muted' }}
560 |                               as="p"
561 |                             >
562 |                               {returnLocalizedQuestionText(
563 |                                 router.locale,
564 |                                 item,
565 |                                 'sublabel'
566 |                               )}
567 |                             </Text>
568 |                           )}
569 |                         </>
570 |                       )}
571 |                     </Box>
572 |                   ))}
573 |                 </Box>
574 |               </Box>
575 |             )
576 |           )}
577 | 
578 |           <Button
579 |             sx={{
580 |               mt: 3,
581 |               width: '100%',
582 |               textTransform: 'uppercase'
583 |             }}
584 |             variant="ctaLg"
585 |             onClick={() => goHome(true)}
586 |           >
587 |             {returnLocalizedMessage(router.locale, 'CONTINUE')}
588 |             <Icon glyph="view-forward" />
589 |           </Button>
590 |         </Card>
591 |         <Box
592 |           sx={{
593 |             display: ['none', 'flex'],
594 |             position: 'fixed',
595 |             left: '10px',
596 |             bottom: '10px',
597 |             cursor: 'pointer',
598 |             placeItems: 'center',
599 |             background: '#00000002',
600 |             px: 2,
601 |             borderRadius: '15px'
602 |           }}
603 |           onClick={async () => {
604 |             await destroyCookie(null, 'authToken', {
605 |               path: '/'
606 |             })
607 |             router.push('/', '/', { scroll: false })
608 |           }}
609 |         >
610 |           <Icon
611 |             glyph="door-leave"
612 |             style={{
613 |               color: 'placeholder',
614 |               opacity: 0.9
615 |             }}
616 |           />
617 |           <Text
618 |             sx={{
619 |               color: 'slate',
620 |               opacity: 0.9,
621 |               fontWeight: '800',
622 |               textTransform: 'uppercase',
623 |               opacity: 1,
624 |               display: ['none', 'none', 'none', 'grid'],
625 |               transition: '0.5s ease-in-out',
626 |               mx: '5px',
627 |               ':hover,:focus': {
628 |                 opacity: 1,
629 |                 transition: '0.5s ease-in-out',
630 |                 color: '#ec3750'
631 |               }
632 |             }}
633 |           >
634 |             {returnLocalizedMessage(router.locale, 'LOGOUT')}
635 |           </Text>
636 |         </Box>
637 |       </Container>
638 |     </>
639 |   )
640 | }
641 | 
642 | const SavedInfo = ({ saved, poster, router }) => (
643 |   <Box
644 |     sx={{
645 |       display: ['none', 'flex'],
646 |       position: 'fixed',
647 |       right: '10px',
648 |       bottom: '10px',
649 |       cursor: 'pointer',
650 |       placeItems: 'center',
651 |       background: '#00000005',
652 |       px: 2,
653 |       borderRadius: '15px'
654 |     }}
655 |     onClick={poster}
656 |   >
657 |     <Text
658 |       sx={{
659 |         color: saved ? '#33d6a6' : '#ff8c37',
660 |         fontWeight: '800',
661 |         textTransform: 'uppercase'
662 |       }}
663 |     >
664 |       {saved
665 |         ? returnLocalizedMessage(router.locale, 'SAVED')
666 |         : returnLocalizedMessage(router.locale, 'SAVE')}
667 |     </Text>
668 |     <Icon
669 |       glyph={saved ? 'checkmark' : 'important'}
670 |       color={saved ? '#33d6a6' : '#ff8c37'}
671 |     />
672 |   </Box>
673 | )
674 | 
675 | export async function getServerSideProps({ res, req, params }) {
676 |   const {
677 |     prospectiveLeadersAirtable,
678 |     applicationsAirtable,
679 |     trackerAirtable
680 |   } = require('../../../lib/airtable')
681 |   const cookies = nookies.get({ req })
682 |   if (cookies.authToken) {
683 |     try {
684 |       const leaderRecord = await prospectiveLeadersAirtable.find(
685 |         'rec' + params.leader
686 |       )
687 |       const applicationsRecord = await applicationsAirtable.find(
688 |         'rec' + params.application
689 |       )
690 |       const trackerRecord = await trackerAirtable.read({
691 |         filterByFormula: `{App ID} = "rec${params.application}"`,
692 |         maxRecords: 1
693 |       })
694 |       if (leaderRecord.fields['Accepted Tokens'].includes(cookies.authToken)) {
695 |         return {
696 |           props: { params, applicationsRecord, leaderRecord, trackerRecord }
697 |         }
698 |       } else {
699 |         res.statusCode = 302
700 |         res.setHeader('Location', `/`)
701 |         return
702 |       }
703 |     } catch (e) {
704 |       res.statusCode = 302
705 |       res.setHeader('Location', `/`)
706 |       return
707 |     }
708 |   } else {
709 |     res.statusCode = 302
710 |     res.setHeader('Location', `/`)
711 |     return
712 |   }
713 | }
714 | 


--------------------------------------------------------------------------------
/pages/[application]/[leader]/index.js:
--------------------------------------------------------------------------------
  1 | import Error from 'next/error'
  2 | import {
  3 |   Box,
  4 |   Input,
  5 |   Divider,
  6 |   Card,
  7 |   Container,
  8 |   Text,
  9 |   Button,
 10 |   Heading,
 11 |   Flex,
 12 |   Grid
 13 | } from 'theme-ui'
 14 | import Icon from '@hackclub/icons'
 15 | import { useEffect, useState } from 'react'
 16 | import { useRouter } from 'next/router'
 17 | import nookies, { destroyCookie } from 'nookies'
 18 | import { validateEmail, returnLocalizedMessage } from '../../../lib/helpers'
 19 | import TimelineCard from '../../../components/Timeline'
 20 | 
 21 | export default function ApplicationHome({
 22 |   notFound,
 23 |   params,
 24 |   applicationsRecord,
 25 |   leaderRecord,
 26 |   trackerRecord
 27 | }) {
 28 |   const [inviteMessage, setInviteMessage] = useState([])
 29 |   const [warning, setWarning] = useState(false)
 30 |   const [errorMessage, setErrorMessage] = useState()
 31 |   const [emailToInvite, setEmailToInvite] = useState('')
 32 |   const router = useRouter()
 33 | 
 34 |   async function sendInvite() {
 35 |     if (validateEmail(emailToInvite)) {
 36 |       const loginAPICall = await fetch(
 37 |         `/api/invite?email=${encodeURIComponent(emailToInvite)}&id=${
 38 |           params.application
 39 |         }&locale=${router.locale}`
 40 |       ).then(r => r.json())
 41 |       if (loginAPICall.success) {
 42 |         setInviteMessage([
 43 |           applicationsRecord.fields['Prospective Leaders'][
 44 |             applicationsRecord.fields['Prospective Leaders'].length + 1
 45 |           ],
 46 |           `✅ ${returnLocalizedMessage(router.locale, 'INVITED')}`
 47 |         ])
 48 |         setEmailToInvite('')
 49 |         setErrorMessage(null)
 50 |         router.replace(router.asPath, null, { scroll: false })
 51 |       } else {
 52 |         console.error(loginAPICall)
 53 |         setInviteMessage([
 54 |           applicationsRecord.fields['Prospective Leaders'][
 55 |             applicationsRecord.fields['Prospective Leaders'].length + 1
 56 |           ],
 57 |           `✅ ${returnLocalizedMessage(router.locale, 'INVITED')}`
 58 |         ])
 59 |         setErrorMessage(`❌ ${returnLocalizedMessage(router.locale, 'ERROR')}`)
 60 |       }
 61 |     } else {
 62 |       setErrorMessage(
 63 |         `❌ ${returnLocalizedMessage(router.locale, 'INVALID_EMAIL_ADDRESS')}`
 64 |       )
 65 |     }
 66 |   }
 67 |   async function deleteLeader(leaderID) {
 68 |     {
 69 |       const deleteLeaderCall = await fetch(
 70 |         `/api/remove?id=${params.application}&leaderID=${leaderID}`
 71 |       ).then(r => r.json())
 72 |       if (deleteLeaderCall.success) {
 73 |         setInviteMessage(
 74 |           `✅ ${returnLocalizedMessage(router.locale, 'REMOVED')}`
 75 |         )
 76 |         setErrorMessage(null)
 77 |         router.replace(router.asPath, null, { scroll: false })
 78 |       } else {
 79 |         console.error(deleteLeaderCall)
 80 |         setErrorMessage(`❌ ${returnLocalizedMessage(router.locale, 'ERROR')}`)
 81 |       }
 82 |     }
 83 |   }
 84 | 
 85 |   if (notFound) {
 86 |     return <Error statusCode="404" />
 87 |   }
 88 |   return (
 89 |     <Container py={4} variant="copy">
 90 |       <TimelineCard
 91 |         router={router}
 92 |         applicationsRecord={applicationsRecord}
 93 |         leaderRecord={leaderRecord}
 94 |         trackerRecord={trackerRecord}
 95 |         params={params}
 96 |       />
 97 |       <Card px={[4, 4]} py={[4, 4]} mt={1}>
 98 |         <Heading sx={{ fontSize: [3, 4] }}>
 99 |           <Text>{returnLocalizedMessage(router.locale, 'UP_AND_RUNNING')}</Text>
100 |         </Heading>
101 |         <Box
102 |           sx={{
103 |             color: 'black',
104 |             fontSize: '16px',
105 |             mt: [3]
106 |           }}
107 |         >
108 |           <Text sx={{ alignItems: 'center', textAlign: 'center' }}>
109 |             {returnLocalizedMessage(router.locale, 'LEARN_MORE_ABOUT_YOU')}
110 |           </Text>
111 |           <ol>
112 |             <li>{returnLocalizedMessage(router.locale, 'INVITE_COLEADS')}</li>
113 |             <li>
114 |               {returnLocalizedMessage(router.locale, 'COMPLETE_THE')}{' '}
115 |               <b>{returnLocalizedMessage(router.locale, '5_MINUTE_LEADER')}</b>{' '}
116 |               {returnLocalizedMessage(router.locale, 'GET_TO_KNOW_YOU')}
117 |             </li>
118 |             <li>
119 |               {returnLocalizedMessage(router.locale, 'FILL_OUT_THE')}{' '}
120 |               <b>{returnLocalizedMessage(router.locale, '5_MINUTE_CLUB')}</b>{' '}
121 |               {returnLocalizedMessage(router.locale, 'PERSONALIZE_CLUB')}
122 |             </li>
123 |             <li>
124 |               {returnLocalizedMessage(router.locale, 'WAIT_24_HOURS')}{' '}
125 |               <b>{returnLocalizedMessage(router.locale, '30_MINUTE_CHAT')}</b>{' '}
126 |               {returnLocalizedMessage(router.locale, 'PLAN_OUT_NEXT_YEAR')}
127 |             </li>
128 |             <li>{returnLocalizedMessage(router.locale, 'FIRST_MEETING')}</li>
129 |           </ol>
130 |         </Box>
131 |         <Divider sx={{ color: 'slate', my: [3, 4] }} />
132 |         <Heading
133 |           sx={{
134 |             color: 'slate',
135 |             ml: 1,
136 |             flexGrow: 1,
137 |             textTransform: 'uppercase'
138 |           }}
139 |         >
140 |           {returnLocalizedMessage(router.locale, 'LEADERS')}
141 |         </Heading>
142 |         {applicationsRecord.fields['Leaders Emails'].map(
143 |           (leaderEmail, leaderIndex) => (
144 |             <Box
145 |               key={leaderIndex}
146 |               sx={{
147 |                 display: ['block', 'flex'],
148 |                 alignItems: 'center',
149 |                 mt: 3,
150 |                 flexWrap: 1
151 |               }}
152 |             >
153 |               <Text
154 |                 sx={{
155 |                   display: ['none', 'block']
156 |                 }}
157 |               >
158 |                 <Icon
159 |                   className="importantIcon"
160 |                   glyph={
161 |                     applicationsRecord.fields['Leaders Complete?'][leaderIndex]
162 |                       ? 'leaders'
163 |                       : 'leaders'
164 |                   }
165 |                   color={
166 |                     applicationsRecord.fields['Leaders Complete?'][leaderIndex]
167 |                       ? '#33d6a6'
168 |                       : '#33d6a6'
169 |                   }
170 |                 />
171 |               </Text>
172 |               <Heading
173 |                 sx={{
174 |                   color: [
175 |                     applicationsRecord.fields['Leaders Complete?'][leaderIndex]
176 |                       ? '#33d6a6'
177 |                       : '#ff8c37',
178 |                     'placeholder'
179 |                   ],
180 |                   ml: [0, 2],
181 |                   transform: 'translateY(-4px)',
182 |                   flexGrow: 1
183 |                 }}
184 |                 as="h2"
185 |               >
186 |                 {leaderEmail}
187 |               </Heading>
188 |               {warning ? (
189 |                 <>
190 |                   <Text
191 |                     sx={{
192 |                       cursor: 'pointer',
193 |                       color: 'placeholder',
194 |                       ':hover': { color: 'red' },
195 |                       display: [
196 |                         'none',
197 |                         leaderEmail != leaderRecord['fields']['Email']
198 |                           ? 'block'
199 |                           : 'none'
200 |                       ],
201 |                       transform: 'translateY(-0.2px)',
202 |                       mr: '5px'
203 |                     }}
204 |                     onClick={() =>
205 |                       deleteLeader(
206 |                         applicationsRecord.fields['Prospective Leaders'][
207 |                           leaderIndex
208 |                         ]
209 |                       )
210 |                     }
211 |                   >
212 |                     {applicationsRecord.fields['Prospective Leaders'][
213 |                       leaderIndex
214 |                     ] === inviteMessage[0] || inviteMessage[0] === null
215 |                       ? `${inviteMessage[1]}`
216 |                       : null}
217 |                   </Text>
218 |                 </>
219 |               ) : null}
220 | 
221 |               <Text
222 |                 sx={{
223 |                   cursor: 'pointer',
224 |                   color: 'placeholder',
225 |                   ':hover': { color: 'slate' },
226 |                   display: [
227 |                     'none',
228 |                     leaderEmail != leaderRecord['fields']['Email']
229 |                       ? 'block'
230 |                       : 'none'
231 |                   ],
232 |                   transform: 'translateY(-0.2px)',
233 |                   mr: '5px',
234 |                   mb: `${
235 |                     warning &&
236 |                     applicationsRecord.fields['Prospective Leaders'][
237 |                       leaderIndex
238 |                     ] === inviteMessage[0]
239 |                       ? '-8px'
240 |                       : '0px'
241 |                   }`
242 |                 }}
243 |                 onClick={() => (
244 |                   setInviteMessage([
245 |                     applicationsRecord.fields['Prospective Leaders'][
246 |                       leaderIndex
247 |                     ],
248 |                     returnLocalizedMessage(router.locale, 'ARE_YOU_SURE')
249 |                   ]),
250 |                   setWarning(!warning)
251 |                 )}
252 |               >
253 |                 <Icon
254 |                   glyph={
255 |                     warning &&
256 |                     applicationsRecord.fields['Prospective Leaders'][
257 |                       leaderIndex
258 |                     ] === inviteMessage[0]
259 |                       ? 'menu'
260 |                       : 'member-remove'
261 |                   }
262 |                 />
263 |               </Text>
264 |               <Box
265 |                 sx={{
266 |                   ':hover,:focus': applicationsRecord.fields['Submitted']
267 |                     ? {}
268 |                     : { color: 'red' },
269 |                   cursor: applicationsRecord.fields['Submitted']
270 |                     ? 'not-allowed'
271 |                     : 'pointer',
272 |                   color: 'placeholder',
273 |                   fontSize: '16px',
274 |                   ml: [0, 2],
275 |                   display: ['block', 'none']
276 |                 }}
277 |                 onClick={() =>
278 |                   deleteLeader(
279 |                     applicationsRecord.fields['Prospective Leaders'][
280 |                       leaderIndex
281 |                     ]
282 |                   )
283 |                 }
284 |               >
285 |                 Remove Leader
286 |               </Box>
287 |             </Box>
288 |           )
289 |         )}
290 |         {errorMessage ? (
291 |           <>
292 |             <Box
293 |               sx={{
294 |                 pt: 4
295 |               }}
296 |             >
297 |               <Text as="b">{errorMessage}</Text>
298 |             </Box>
299 |           </>
300 |         ) : null}
301 |         <Box>
302 |           <Box mt={3} sx={{ display: ['block', 'flex'], alignItems: 'center' }}>
303 |             <Input
304 |               sx={{
305 |                 border: '0.5px solid',
306 |                 fontSize: 1,
307 |                 borderColor: 'rgb(221, 225, 228)',
308 |                 mr: [0, 3],
309 |                 mb: [3, 0]
310 |               }}
311 |               onChange={e => setEmailToInvite(e.target.value)}
312 |               value={emailToInvite}
313 |               placeholder={returnLocalizedMessage(
314 |                 router.locale,
315 |                 'NEW_CO_LEADER_EMAIL'
316 |               )}
317 |             />
318 |             <Flex
319 |               sx={{
320 |                 bg: 'blue',
321 |                 borderRadius: '999px',
322 |                 alignItems: 'center',
323 |                 justifyContent: 'center',
324 |                 p: 1,
325 |                 color: 'white',
326 |                 boxShadow: 'card',
327 |                 height: '40px',
328 |                 minWidth: '150px',
329 |                 fontWeight: 'bold',
330 |                 cursor: 'pointer'
331 |               }}
332 |               onClick={() => sendInvite()}
333 |             >
334 |               <Icon glyph={'send-fill'} />
335 |               <Text mr={2}>
336 |                 {returnLocalizedMessage(router.locale, 'SEND_INVITE')}
337 |               </Text>
338 |             </Flex>
339 |           </Box>
340 | 
341 |           <Grid columns={[1, 2]} mt={3}>
342 |             <Flex
343 |               sx={{
344 |                 color: 'blue',
345 |                 bg: 'rgb(230, 244, 252)',
346 |                 borderRadius: 4,
347 |                 px: 3,
348 |                 py: 2,
349 |                 alignItems: 'center',
350 |                 '> svg': { display: ['none', 'inline'] }
351 |               }}
352 |             >
353 |               <Icon glyph={'welcome'} size="40" />
354 |               <Text ml={[0, 3]}>
355 |                 {returnLocalizedMessage(
356 |                   router.locale,
357 |                   'GUIDE_FOR_SELECTING_TEAM'
358 |                 )}{' '}
359 |                 <Text as="b">
360 |                   <a
361 |                     href="https://workshops.hackclub.com/leadership_team/"
362 |                     target="_blank"
363 |                     style={{ textDecoration: 'none', color: 'inherit' }}
364 |                   >
365 |                     {returnLocalizedMessage(router.locale, 'HERE')}
366 |                   </a>
367 |                 </Text>
368 |                 .
369 |               </Text>
370 |             </Flex>
371 |             <Flex
372 |               sx={{
373 |                 color: 'blue',
374 |                 bg: 'rgb(230, 244, 252)',
375 |                 borderRadius: 4,
376 |                 px: 3,
377 |                 py: 2,
378 |                 alignItems: 'center',
379 |                 '> svg': { display: ['inline'] }
380 |               }}
381 |             >
382 |               <Icon glyph={'leader'} size="40" />
383 |               <Text ml={[0, 3]}>
384 |                 {returnLocalizedMessage(router.locale, 'TEACHER_SPONSOR')}
385 |               </Text>
386 |             </Flex>
387 |           </Grid>
388 |         </Box>
389 | 
390 |         <Button
391 |           sx={{
392 |             mt: 4,
393 |             width: '100%',
394 |             textTransform: 'uppercase'
395 |           }}
396 |           variant="ctaLg"
397 |           onClick={() =>
398 |             router.push(`/${params.application}/${params.leader}/leader`)
399 |           }
400 |         >
401 |           {returnLocalizedMessage(router.locale, 'LETS_GET_TO_KNOW_YOU')}{' '}
402 |           <Icon glyph="view-forward" />
403 |         </Button>
404 |       </Card>
405 | 
406 |       <ContactCard router={router} />
407 |       <Box
408 |         sx={{
409 |           display: ['none', 'flex'],
410 |           position: 'fixed',
411 |           left: '10px',
412 |           bottom: '10px',
413 |           cursor: 'pointer',
414 |           placeItems: 'center',
415 |           background: '#00000002',
416 |           px: 2,
417 |           borderRadius: '15px'
418 |         }}
419 |         onClick={async () => {
420 |           await destroyCookie(null, 'authToken', {
421 |             path: '/'
422 |           })
423 |           router.push('/', '/', { scroll: false })
424 |         }}
425 |       >
426 |         <Icon
427 |           glyph="door-leave"
428 |           style={{
429 |             color: 'placeholder',
430 |             opacity: 0.9
431 |           }}
432 |         />
433 |         <Text
434 |           sx={{
435 |             color: 'slate',
436 |             opacity: 0.9,
437 |             fontWeight: '800',
438 |             textTransform: 'uppercase',
439 |             opacity: 1,
440 |             display: ['none', 'none', 'none', 'grid'],
441 |             transition: '0.5s ease-in-out',
442 |             mx: '5px',
443 |             ':hover,:focus': {
444 |               opacity: 1,
445 |               transition: '0.5s ease-in-out',
446 |               color: '#ec3750'
447 |             }
448 |           }}
449 |         >
450 |           {returnLocalizedMessage(router.locale, 'LOGOUT')}
451 |         </Text>
452 |       </Box>
453 |       <OpenSourceCard router={router} />
454 |     </Container>
455 |   )
456 | }
457 | 
458 | const ContactCard = ({ router }) => (
459 |   <Card
460 |     px={[4, 4]}
461 |     py={[3, 3]}
462 |     mt={3}
463 |     sx={{
464 |       color: 'blue',
465 |       display: 'flex',
466 |       alignItems: 'center',
467 |       '> svg': { display: ['none', 'inline'] }
468 |     }}
469 |   >
470 |     <Icon glyph="message" />
471 |     <Text sx={{ ml: 2 }}>
472 |       {returnLocalizedMessage(router.locale, 'CONTACT_MESSAGE_FRONT')}{' '}
473 |       <b>
474 |         <Text
475 |           as="a"
476 |           href={`mailto:${returnLocalizedMessage(
477 |             router.locale,
478 |             'CONTACT_EMAIL'
479 |           )}`}
480 |           sx={{
481 |             color: 'blue',
482 |             textDecoration: 'none',
483 |             '&:hover': {
484 |               textDecoration: 'underline',
485 |               textDecorationStyle: 'wavy'
486 |             }
487 |           }}
488 |         >
489 |           {returnLocalizedMessage(router.locale, 'CONTACT_EMAIL')}
490 |         </Text>
491 |       </b>{' '}
492 |       {returnLocalizedMessage(router.locale, 'CONTACT_MESSAGE_BACK')}
493 |     </Text>
494 |   </Card>
495 | )
496 | 
497 | export async function getServerSideProps({ res, req, params }) {
498 |   const {
499 |     prospectiveLeadersAirtable,
500 |     applicationsAirtable,
501 |     trackerAirtable
502 |   } = require('../../../lib/airtable')
503 |   const cookies = nookies.get({ req })
504 |   if (cookies.authToken) {
505 |     try {
506 |       const leaderRecord = await prospectiveLeadersAirtable.find(
507 |         'rec' + params.leader
508 |       )
509 |       const applicationsRecord = await applicationsAirtable.find(
510 |         'rec' + params.application
511 |       )
512 |       const trackerRecord = await trackerAirtable.read({
513 |         filterByFormula: `{App ID} = "rec${params.application}"`,
514 |         maxRecords: 1
515 |       })
516 |       if (leaderRecord.fields['Accepted Tokens'].includes(cookies.authToken)) {
517 |         return {
518 |           props: { params, applicationsRecord, leaderRecord, trackerRecord }
519 |         }
520 |       } else {
521 |         res.statusCode = 302
522 |         res.setHeader('Location', `/`)
523 |         return
524 |       }
525 |     } catch (e) {
526 |       res.statusCode = 302
527 |       res.setHeader('Location', `/`)
528 |       return
529 |     }
530 |   } else {
531 |     res.statusCode = 302
532 |     res.setHeader('Location', `/`)
533 |     return
534 |   }
535 | }
536 | 
537 | const OpenSourceCard = ({ router }) => {
538 |   return (
539 |     <Box
540 |       sx={{
541 |         display: ['none', 'flex'],
542 |         position: 'fixed',
543 |         right: '10px',
544 |         bottom: '10px',
545 |         cursor: 'pointer',
546 |         placeItems: 'center',
547 |         background: '#00000002',
548 |         px: 2,
549 |         borderRadius: '15px'
550 |       }}
551 |       onClick={async () => {
552 |         await destroyCookie(null, 'authToken', {
553 |           path: '/'
554 |         })
555 |         router.push('/', '/', { scroll: false })
556 |       }}
557 |     >
558 |       <Text
559 |         sx={{
560 |           color: 'slate',
561 |           opacity: 0.9,
562 |           fontWeight: '800',
563 |           textTransform: 'uppercase',
564 |           opacity: 1,
565 |           display: ['none', 'none', 'none', 'grid'],
566 |           transition: '0.5s ease-in-out',
567 |           mx: '5px',
568 |           ':hover,:focus': {
569 |             opacity: 1,
570 |             transition: '0.5s ease-in-out',
571 |             color: '#ec3750'
572 |           }
573 |         }}
574 |       >
575 |         {returnLocalizedMessage(router.locale, 'PROUDLY_OPEN_SOURCE')}
576 |       </Text>
577 |       <Icon
578 |         glyph="github"
579 |         sx={{
580 |           color: '#000000',
581 |           opacity: 0.8
582 |         }}
583 |       />
584 |     </Box>
585 |   )
586 | }
587 | 


--------------------------------------------------------------------------------
/pages/[application]/[leader]/review.js:
--------------------------------------------------------------------------------
  1 | import Error from 'next/error'
  2 | import {
  3 |   Box,
  4 |   Input,
  5 |   Divider,
  6 |   Card,
  7 |   Container,
  8 |   Text,
  9 |   Button,
 10 |   Heading,
 11 |   Flex,
 12 |   Grid
 13 | } from 'theme-ui'
 14 | import Icon from '@hackclub/icons'
 15 | import { useState } from 'react'
 16 | import Link from 'next/link'
 17 | import { useRouter } from 'next/router'
 18 | import nookies, { destroyCookie } from 'nookies'
 19 | import { returnLocalizedMessage, validateEmail } from '../../../lib/helpers'
 20 | import TimelineCard from '../../../components/Timeline'
 21 | 
 22 | export default function ApplicationReview({
 23 |   notFound,
 24 |   params,
 25 |   applicationsRecord,
 26 |   leaderRecord,
 27 |   trackerRecord
 28 | }) {
 29 |   const router = useRouter()
 30 |   const [inviteMessage, setInviteMessage] = useState('')
 31 |   const [submitButton, setSubmitButton] = useState(
 32 |     `${returnLocalizedMessage(router.locale, 'SUBMIT_YOUR_APPLICATION')}`
 33 |   )
 34 |   const [emailToInvite, setEmailToInvite] = useState('')
 35 |   const [errorMessage, setErrorMessage] = useState('')
 36 |   const [warning, setWarning] = useState(false)
 37 |   const [acceptCOC, setAcceptCOC] = useState(false)
 38 | 
 39 |   async function sendInvite() {
 40 |     if (validateEmail(emailToInvite)) {
 41 |       const loginAPICall = await fetch(
 42 |         `/api/invite?email=${encodeURIComponent(emailToInvite)}&id=${
 43 |           params.application
 44 |         }&locale=${router.locale}`
 45 |       ).then(r => r.json())
 46 |       if (loginAPICall.success) {
 47 |         setInviteMessage([
 48 |           applicationsRecord.fields['Prospective Leaders'][
 49 |             applicationsRecord.fields['Prospective Leaders'].length + 1
 50 |           ],
 51 |           `✅ ${returnLocalizedMessage(router.locale, 'INVITED')}`
 52 |         ])
 53 |         setEmailToInvite('')
 54 |         setErrorMessage(null)
 55 |         router.replace(router.asPath, null, { scroll: false })
 56 |       } else {
 57 |         console.error(loginAPICall)
 58 |         setInviteMessage([
 59 |           applicationsRecord.fields['Prospective Leaders'][
 60 |             applicationsRecord.fields['Prospective Leaders'].length + 1
 61 |           ],
 62 |           `✅ ${returnLocalizedMessage(router.locale, 'INVITED')}`
 63 |         ])
 64 |         setErrorMessage(`❌ ${returnLocalizedMessage(router.locale, 'ERROR')}`)
 65 |       }
 66 |     } else {
 67 |       setErrorMessage(
 68 |         `❌ ${returnLocalizedMessage(router.locale, 'INVALID_EMAIL_ADDRESS')}`
 69 |       )
 70 |     }
 71 |   }
 72 | 
 73 |   async function deleteLeader(leaderID) {
 74 |     const deleteLeaderCall = await fetch(
 75 |       `/api/remove?id=${params.application}&leaderID=${leaderID}`
 76 |     ).then(r => r.json())
 77 |     if (deleteLeaderCall.success) {
 78 |       setInviteMessage(`✅ ${returnLocalizedMessage(router.locale, 'REMOVED')}`)
 79 |       router.replace(router.asPath, null, { scroll: false })
 80 |     } else {
 81 |       console.error(deleteLeaderCall)
 82 |       setInviteMessage(`❌ ${returnLocalizedMessage(router.locale, 'ERROR')}`)
 83 |     }
 84 |   }
 85 |   async function submitApplication() {
 86 |     const submissionAPICall = await fetch(
 87 |       `/api/submit?id=${params.application}`
 88 |     ).then(r => r.json())
 89 |     if (submissionAPICall.success) {
 90 |       setSubmitButton(
 91 |         `✅ ${returnLocalizedMessage(router.locale, 'SUBMITTED')}`
 92 |       )
 93 |       router.push(`/${params.application}/${params.leader}/status`)
 94 |     } else {
 95 |       console.error(submissionAPICall)
 96 |       setSubmitButton(`❌ ${returnLocalizedMessage(router.locale, 'ERROR')}`)
 97 |     }
 98 |   }
 99 | 
100 |   if (notFound) {
101 |     return <Error statusCode="404" />
102 |   }
103 |   return (
104 |     <Container py={4} variant="copy">
105 |       <TimelineCard
106 |         router={router}
107 |         applicationsRecord={applicationsRecord}
108 |         leaderRecord={leaderRecord}
109 |         trackerRecord={trackerRecord}
110 |         params={params}
111 |       />
112 |       <Card px={[4, 4]} py={[4, 4]} mt={1}>
113 |         <Heading sx={{ fontSize: [3, 4] }}>
114 |           <Text>
115 |             {applicationsRecord.fields['Submitted'] ? (
116 |               <Text>
117 |                 {returnLocalizedMessage(router.locale, 'YOUVE_SUBMITTED')}{' '}
118 |                 <Link href={`/${params.application}/${params.leader}/status`}>
119 |                   {returnLocalizedMessage(router.locale, 'CHECK_CLUB_STATUS')}
120 |                 </Link>
121 |               </Text>
122 |             ) : (
123 |               <Text>
124 |                 {returnLocalizedMessage(
125 |                   router.locale,
126 |                   'LETS_REVIEW_EVERYTHING'
127 |                 )}
128 |               </Text>
129 |             )}
130 |           </Text>
131 |         </Heading>
132 |         <Divider sx={{ color: 'slate', my: [3, 4] }} />
133 |         <Heading
134 |           sx={{
135 |             color: 'slate',
136 |             ml: 1,
137 |             flexGrow: 1,
138 |             textTransform: 'uppercase'
139 |           }}
140 |         >
141 |           {returnLocalizedMessage(router.locale, 'LEADERS')}
142 |         </Heading>
143 |         {applicationsRecord.fields['Leaders Emails'].map(
144 |           (leaderEmail, leaderIndex) => (
145 |             <Box
146 |               key={leaderIndex}
147 |               sx={{
148 |                 display: ['block', 'flex'],
149 |                 alignItems: 'center',
150 |                 mt: 3,
151 |                 flexWrap: 1
152 |               }}
153 |             >
154 |               <Text
155 |                 sx={{
156 |                   display: ['none', 'block']
157 |                 }}
158 |               >
159 |                 <Icon
160 |                   className="importantIcon"
161 |                   glyph={
162 |                     applicationsRecord.fields['Leaders Complete?'][leaderIndex]
163 |                       ? 'leaders'
164 |                       : 'leaders'
165 |                   }
166 |                   color={
167 |                     applicationsRecord.fields['Leaders Complete?'][leaderIndex]
168 |                       ? '#33d6a6'
169 |                       : '#ff8c37'
170 |                   }
171 |                 />
172 |               </Text>
173 |               <Heading
174 |                 sx={{
175 |                   color: [
176 |                     applicationsRecord.fields['Leaders Complete?'][leaderIndex]
177 |                       ? '#33d6a6'
178 |                       : '#ff8c37',
179 |                     'placeholder'
180 |                   ],
181 |                   ml: [0, 2],
182 |                   transform: 'translateY(-4px)',
183 |                   flexGrow: 1
184 |                 }}
185 |                 as="h2"
186 |               >
187 |                 {leaderEmail}
188 |               </Heading>
189 |               {warning ? (
190 |                 <>
191 |                   <Text
192 |                     sx={{
193 |                       cursor: 'pointer',
194 |                       color: 'placeholder',
195 |                       ':hover': { color: 'red' },
196 |                       display: [
197 |                         'none',
198 |                         leaderEmail != leaderRecord['fields']['Email']
199 |                           ? 'block'
200 |                           : 'none'
201 |                       ],
202 |                       transform: 'translateY(-0.2px)',
203 |                       mr: '5px'
204 |                     }}
205 |                     onClick={() =>
206 |                       deleteLeader(
207 |                         applicationsRecord.fields['Prospective Leaders'][
208 |                           leaderIndex
209 |                         ]
210 |                       )
211 |                     }
212 |                   >
213 |                     {applicationsRecord.fields['Prospective Leaders'][
214 |                       leaderIndex
215 |                     ] === inviteMessage[0] || inviteMessage[0] === null
216 |                       ? `${inviteMessage[1]}`
217 |                       : null}
218 |                   </Text>
219 |                 </>
220 |               ) : null}
221 | 
222 |               <Text
223 |                 sx={{
224 |                   cursor: 'pointer',
225 |                   color: 'placeholder',
226 |                   ':hover': { color: 'slate' },
227 |                   display: [
228 |                     'none',
229 |                     leaderEmail != leaderRecord['fields']['Email']
230 |                       ? 'block'
231 |                       : 'none'
232 |                   ],
233 |                   transform: 'translateY(-0.2px)',
234 |                   mr: '5px',
235 |                   mb: `${
236 |                     warning &&
237 |                     applicationsRecord.fields['Prospective Leaders'][
238 |                       leaderIndex
239 |                     ] === inviteMessage[0]
240 |                       ? '-8px'
241 |                       : '0px'
242 |                   }`
243 |                 }}
244 |                 onClick={() => (
245 |                   setInviteMessage([
246 |                     applicationsRecord.fields['Prospective Leaders'][
247 |                       leaderIndex
248 |                     ],
249 |                     returnLocalizedMessage(router.locale, 'ARE_YOU_SURE')
250 |                   ]),
251 |                   setWarning(!warning)
252 |                 )}
253 |               >
254 |                 <Icon
255 |                   glyph={
256 |                     warning &&
257 |                     applicationsRecord.fields['Prospective Leaders'][
258 |                       leaderIndex
259 |                     ] === inviteMessage[0]
260 |                       ? 'menu'
261 |                       : 'member-remove'
262 |                   }
263 |                 />
264 |               </Text>
265 |               <Box
266 |                 sx={{
267 |                   ':hover,:focus': applicationsRecord.fields['Submitted']
268 |                     ? {}
269 |                     : { color: 'red' },
270 |                   cursor: applicationsRecord.fields['Submitted']
271 |                     ? 'not-allowed'
272 |                     : 'pointer',
273 |                   color: 'placeholder',
274 |                   fontSize: '16px',
275 |                   ml: [0, 2],
276 |                   display: ['block', 'none']
277 |                 }}
278 |                 onClick={() =>
279 |                   deleteLeader(
280 |                     applicationsRecord.fields['Prospective Leaders'][
281 |                       leaderIndex
282 |                     ]
283 |                   )
284 |                 }
285 |               ></Box>
286 |             </Box>
287 |           )
288 |         )}
289 |         <Box mt={3} sx={{ display: ['block', 'flex'], alignItems: 'center' }}>
290 |           <Input
291 |             sx={{
292 |               border: '0.5px solid',
293 |               fontSize: 1,
294 |               borderColor: 'rgb(221, 225, 228)',
295 |               mr: [0, 3],
296 |               mb: [3, 0]
297 |             }}
298 |             disabled={applicationsRecord.fields['Submitted'] ? true : false}
299 |             onChange={e => setEmailToInvite(e.target.value)}
300 |             value={emailToInvite}
301 |             placeholder={returnLocalizedMessage(
302 |               router.locale,
303 |               'NEW_CO_LEADER_EMAIL'
304 |             )}
305 |           />
306 |           <Flex
307 |             sx={{
308 |               bg: 'blue',
309 |               borderRadius: '999px',
310 |               alignItems: 'center',
311 |               justifyContent: 'center',
312 |               p: 1,
313 |               color: 'white',
314 |               boxShadow: 'card',
315 |               height: '40px',
316 |               minWidth: '150px',
317 |               fontWeight: 'bold',
318 |               cursor: `${
319 |                 applicationsRecord.fields['Submitted']
320 |                   ? 'not-allowed'
321 |                   : 'pointer'
322 |               }`
323 |             }}
324 |             onClick={() => sendInvite()}
325 |           >
326 |             <Icon glyph={'send-fill'} />
327 |             <Text mr={2}>
328 |               {returnLocalizedMessage(router.locale, 'SEND_INVITE')}
329 |             </Text>
330 |           </Flex>
331 |         </Box>
332 |         <Divider sx={{ color: 'slate', my: [3, 4] }} />
333 |         <Link href={`/${params.application}/${params.leader}/leader`}>
334 |           <Flex
335 |             sx={{
336 |               alignItems: 'center',
337 |               cursor: 'pointer',
338 |               '> svg': { display: ['none', 'inline'] }
339 |             }}
340 |           >
341 |             {leaderRecord.fields['Completed'] == 1 ? (
342 |               <Icon glyph="profile" color="#33d6a6" />
343 |             ) : (
344 |               <Icon glyph="profile" color="#ff8c37" />
345 |             )}
346 |             <Heading
347 |               sx={{
348 |                 flexGrow: 1,
349 |                 color: [
350 |                   leaderRecord.fields['Completed'] == 1 ? '#33d6a6' : '#ff8c37',
351 |                   'blue'
352 |                 ],
353 |                 ml: [0, 2]
354 |               }}
355 |               as="h1"
356 |             >
357 |               {returnLocalizedMessage(router.locale, 'MY_PERSONAL_PROFILE')}
358 |             </Heading>
359 |             <Icon glyph="post" />
360 |           </Flex>
361 |         </Link>
362 |         <Divider sx={{ color: 'slate', my: [3, 4] }} />
363 |         <Link href={`/${params.application}/${params.leader}/club`}>
364 |           <Flex
365 |             sx={{
366 |               alignItems: 'center',
367 |               cursor: 'pointer',
368 |               '> svg': { display: ['none', 'inline'] }
369 |             }}
370 |           >
371 |             {applicationsRecord.fields['Completed'] == 1 ? (
372 |               <Icon glyph="flag" color="#33d6a6" />
373 |             ) : (
374 |               <Icon glyph="important" color="#ff8c37" />
375 |             )}
376 |             <Heading
377 |               sx={{
378 |                 flexGrow: 1,
379 |                 color: [
380 |                   applicationsRecord.fields['Completed'] == 1
381 |                     ? '#33d6a6'
382 |                     : '#ff8c37',
383 |                   'blue'
384 |                 ],
385 |                 ml: [0, 2]
386 |               }}
387 |               as="h1"
388 |             >
389 |               {returnLocalizedMessage(router.locale, 'YOUR_CLUB')}
390 |             </Heading>
391 |             <Icon glyph="post" />
392 |           </Flex>
393 |         </Link>
394 |         <Divider sx={{ color: 'slate', my: [3, 4] }} />
395 |         <Heading
396 |           sx={{
397 |             color: 'slate',
398 |             ml: 1,
399 |             flexGrow: 1,
400 |             textTransform: 'uppercase'
401 |           }}
402 |         >
403 |           <a
404 |             target="_blank"
405 |             href="https://hackclub.com/conduct"
406 |             style={{ textDecoration: 'none' }}
407 |           >
408 |             <Text
409 |               sx={{
410 |                 color: 'slate',
411 |                 cursor: 'pointer',
412 |                 '&:hover': {
413 |                   textDecoration: 'underline',
414 |                   textDecorationStyle: 'wavy'
415 |                 }
416 |               }}
417 |             >
418 |               {returnLocalizedMessage(router.locale, 'CODE_OF_CONDUCT')}
419 |             </Text>
420 |           </a>
421 |         </Heading>
422 |         <Flex
423 |           sx={{
424 |             alignItems: 'center',
425 |             cursor: 'pointer',
426 |             mt: '20px',
427 |             '> svg': { display: ['none', 'inline'] }
428 |           }}
429 |         >
430 |           {acceptCOC || applicationsRecord.fields['Submitted'] ? (
431 |             <Icon
432 |               glyph="checkmark"
433 |               color="#33d6a6"
434 |               onClick={() => setAcceptCOC(false)}
435 |             />
436 |           ) : (
437 |             <Icon
438 |               glyph="checkbox"
439 |               color="#000000"
440 |               onClick={() => setAcceptCOC(true)}
441 |             />
442 |           )}
443 | 
444 |           <Heading
445 |             sx={{
446 |               flexGrow: 1,
447 |               color: [
448 |                 leaderRecord.fields['Completed'] == 1 ? '#33d6a6' : '#ff8c37',
449 |                 'blue'
450 |               ],
451 |               ml: [0, 2]
452 |             }}
453 |             as="h3"
454 |           >
455 |             <Text onClick={() => setAcceptCOC(!acceptCOC)}>
456 |               {returnLocalizedMessage(router.locale, 'THE_TEAM_AGREES')}
457 |             </Text>{' '}
458 |             <a
459 |               target="_blank"
460 |               href="https://hackclub.com/conduct"
461 |               style={{ textDecoration: 'none' }}
462 |             >
463 |               <Text
464 |                 sx={{
465 |                   color: 'blue',
466 |                   cursor: 'pointer',
467 |                   textDecoration: 'underline',
468 |                   '&:hover': { textDecorationStyle: 'wavy' }
469 |                 }}
470 |               >
471 |                 {returnLocalizedMessage(
472 |                   router.locale,
473 |                   'HACK_CLUB_CODE_OF_CONDUCT'
474 |                 )}
475 |               </Text>
476 |             </a>
477 |           </Heading>
478 |         </Flex>
479 | 
480 |         <Button
481 |           sx={{
482 |             mt: 4,
483 |             width: '100%',
484 |             textTransform: 'uppercase',
485 |             ...(applicationsRecord.fields['All Complete (incl Leaders)'] != 1 ||
486 |             acceptCOC === false ||
487 |             applicationsRecord.fields['Submitted']
488 |               ? {
489 |                   opacity: 0.3,
490 |                   ':hover,:focus': {
491 |                     transform: 'none',
492 |                     boxShadow: 'none',
493 |                     cursor: 'not-allowed'
494 |                   }
495 |                 }
496 |               : {})
497 |           }}
498 |           variant="ctaLg"
499 |           onClick={() =>
500 |             applicationsRecord.fields['All Complete (incl Leaders)'] != 1 ||
501 |             acceptCOC === false ||
502 |             applicationsRecord.fields['Submitted']
503 |               ? console.log(applicationsRecord)
504 |               : submitApplication(applicationsRecord.fields)
505 |           }
506 |         >
507 |           {submitButton}
508 |         </Button>
509 |         <Text sx={{mt: 8}}>
510 |   {
511 |     acceptCOC === false ?
512 |       "You must agree to the Hacker Code of Conduct to Submit Your Application" :
513 |     applicationsRecord.fields['All Complete (incl Leaders)'] !== 1 ?
514 |       "Your Hack Club application is not complete. Please ensure you have completed your personal profile, your club profile, and that all of your co-leaders have submitted their application if they were added to the club application." :
515 |     ""
516 |   }
517 | </Text>
518 | 
519 |       </Card>
520 |       <Box
521 |         sx={{
522 |           display: ['none', 'flex'],
523 |           position: 'fixed',
524 |           left: '10px',
525 |           bottom: '10px',
526 |           cursor: 'pointer',
527 |           placeItems: 'center',
528 |           background: '#00000002',
529 |           px: 2,
530 |           borderRadius: '15px'
531 |         }}
532 |         onClick={async () => {
533 |           await destroyCookie(null, 'authToken', {
534 |             path: '/'
535 |           })
536 |           router.push('/', '/', { scroll: false })
537 |         }}
538 |       >
539 |         <Icon
540 |           glyph="door-leave"
541 |           style={{
542 |             color: 'placeholder',
543 |             opacity: 0.9
544 |           }}
545 |         />
546 |         <Text
547 |           sx={{
548 |             color: 'slate',
549 |             opacity: 0.9,
550 |             fontWeight: '800',
551 |             textTransform: 'uppercase',
552 |             opacity: 1,
553 |             display: ['none', 'none', 'none', 'grid'],
554 |             transition: '0.5s ease-in-out',
555 |             mx: '5px',
556 |             ':hover,:focus': {
557 |               opacity: 1,
558 |               transition: '0.5s ease-in-out',
559 |               color: '#ec3750'
560 |             }
561 |           }}
562 |         >
563 |           {returnLocalizedMessage(router.locale, 'LOGOUT')}
564 |         </Text>
565 |       </Box>
566 |       <ContactCard router={router} />
567 |       <OpenSourceCard router={router} />
568 |     </Container>
569 |   )
570 | }
571 | 
572 | const ContactCard = ({ router }) => (
573 |   <Card
574 |     px={[4, 4]}
575 |     py={[3, 3]}
576 |     mt={3}
577 |     sx={{
578 |       color: 'blue',
579 |       display: 'flex',
580 |       alignItems: 'center',
581 |       '> svg': { display: ['none', 'inline'] }
582 |     }}
583 |   >
584 |     <Icon glyph="message" />
585 |     <Text sx={{ ml: 2 }}>
586 |       {returnLocalizedMessage(router.locale, 'CONTACT_MESSAGE_FRONT')}{' '}
587 |       <b>
588 |         <Text
589 |           as="a"
590 |           href={`mailto:${returnLocalizedMessage(
591 |             router.locale,
592 |             'CONTACT_EMAIL'
593 |           )}`}
594 |           sx={{
595 |             color: 'blue',
596 |             textDecoration: 'none',
597 |             '&:hover': {
598 |               textDecoration: 'underline',
599 |               textDecorationStyle: 'wavy'
600 |             }
601 |           }}
602 |         >
603 |           {returnLocalizedMessage(router.locale, 'CONTACT_EMAIL')}
604 |         </Text>
605 |       </b>{' '}
606 |       {returnLocalizedMessage(router.locale, 'CONTACT_MESSAGE_BACK')}
607 |     </Text>
608 |   </Card>
609 | )
610 | 
611 | const OpenSourceCard = ({ router }) => {
612 |   return (
613 |     <Box
614 |       sx={{
615 |         display: ['none', 'flex'],
616 |         position: 'fixed',
617 |         right: '10px',
618 |         bottom: '10px',
619 |         cursor: 'pointer',
620 |         placeItems: 'center',
621 |         background: '#00000002',
622 |         px: 2,
623 |         borderRadius: '15px'
624 |       }}
625 |       onClick={async () => {
626 |         await destroyCookie(null, 'authToken', {
627 |           path: '/'
628 |         })
629 |         router.push('/', '/', { scroll: false })
630 |       }}
631 |     >
632 |       <Text
633 |         sx={{
634 |           color: 'slate',
635 |           opacity: 0.9,
636 |           fontWeight: '800',
637 |           textTransform: 'uppercase',
638 |           opacity: 1,
639 |           display: ['none', 'none', 'none', 'grid'],
640 |           transition: '0.5s ease-in-out',
641 |           mx: '5px',
642 |           ':hover,:focus': {
643 |             opacity: 1,
644 |             transition: '0.5s ease-in-out',
645 |             color: '#ec3750'
646 |           }
647 |         }}
648 |       >
649 |         {returnLocalizedMessage(router.locale, 'PROUDLY_OPEN_SOURCE')}
650 |       </Text>
651 |       <Icon
652 |         glyph="github"
653 |         sx={{
654 |           color: '#000000',
655 |           opacity: 0.8
656 |         }}
657 |       />
658 |     </Box>
659 |   )
660 | }
661 | 
662 | export async function getServerSideProps({ res, req, params }) {
663 |   const {
664 |     prospectiveLeadersAirtable,
665 |     applicationsAirtable,
666 |     trackerAirtable
667 |   } = require('../../../lib/airtable')
668 |   const cookies = nookies.get({ req })
669 |   if (cookies.authToken) {
670 |     try {
671 |       const leaderRecord = await prospectiveLeadersAirtable.find(
672 |         'rec' + params.leader
673 |       )
674 |       const applicationsRecord = await applicationsAirtable.find(
675 |         'rec' + params.application
676 |       )
677 |       const trackerRecord = await trackerAirtable.read({
678 |         filterByFormula: `{App ID} = "rec${params.application}"`,
679 |         maxRecords: 1
680 |       })
681 |       if (leaderRecord.fields['Accepted Tokens'].includes(cookies.authToken)) {
682 |         return {
683 |           props: { params, applicationsRecord, leaderRecord, trackerRecord }
684 |         }
685 |       } else {
686 |         res.statusCode = 302
687 |         res.setHeader('Location', `/`)
688 |         return
689 |       }
690 |     } catch (e) {
691 |       res.statusCode = 302
692 |       res.setHeader('Location', `/`)
693 |       return
694 |     }
695 |   } else {
696 |     res.statusCode = 302
697 |     res.setHeader('Location', `/`)
698 |     return
699 |   }
700 | }
701 | 


--------------------------------------------------------------------------------
/pages/[application]/[leader]/status.js:
--------------------------------------------------------------------------------
  1 | import Error from 'next/error'
  2 | import { Box, Divider, Card, Container, Text, Heading } from 'theme-ui'
  3 | import Icon from '@hackclub/icons'
  4 | import { useEffect, useState } from 'react'
  5 | import { useRouter } from 'next/router'
  6 | import nookies, { destroyCookie } from 'nookies'
  7 | import { returnLocalizedMessage } from '../../../lib/helpers'
  8 | import TimelineCard from '../../../components/Timeline'
  9 | import ConfettiOnSuccess from '../../../components/ConfettiOnSuccess'
 10 | 
 11 | export default function ApplicationOnboarding({
 12 |   notFound,
 13 |   params,
 14 |   applicationsRecord,
 15 |   leaderRecord,
 16 |   trackerRecord
 17 | }) {
 18 |   const router = useRouter()
 19 |   const [applicationMessage, setApplicationMessage] = useState(
 20 |     returnLocalizedMessage(router.locale, 'PROCESSING')
 21 |   )
 22 |   const [messageColor, setMessageColor] = useState('#000000')
 23 |   const applicationStatus = trackerRecord[0]?.fields.Status
 24 |   if (notFound) {
 25 |     return <Error statusCode="404" />
 26 |   }
 27 |   console.log(applicationStatus)
 28 |   useEffect(() => {
 29 |     {
 30 |       applicationStatus === 'applied'
 31 |         ? (setApplicationMessage(
 32 |             `${returnLocalizedMessage(router.locale, 'IS_BEING_REVIEWED')}`
 33 |           ),
 34 |           setMessageColor('#000000'))
 35 |         : applicationStatus === 'rejected'
 36 |         ? (setApplicationMessage(
 37 |             `${returnLocalizedMessage(router.locale, 'REJECTED')}`
 38 |           ),
 39 |           setMessageColor('#ec3750'))
 40 |         : applicationStatus === 'awaiting onboarding'
 41 |         ? (setApplicationMessage(
 42 |             `${returnLocalizedMessage(router.locale, 'ACCEPTED')}`
 43 |           ),
 44 |           setMessageColor('#33d6a6'))
 45 |         : applicationStatus === 'onboarded'
 46 |         ? (setApplicationMessage(
 47 |             `${returnLocalizedMessage(router.locale, 'ACCEPTED')}`
 48 |           ),
 49 |           setMessageColor('#33d6a6'))
 50 |         : applicationStatus === 'inactive'
 51 |         ? (setApplicationMessage(
 52 |             `${returnLocalizedMessage(router.locale, 'INACTIVE')}`
 53 |           ),
 54 |           setMessageColor('#ff8c37'))
 55 |         : (setApplicationMessage(
 56 |             `${returnLocalizedMessage(router.locale, 'PROCESSING')}`
 57 |           ),
 58 |           setMessageColor('#000000'))
 59 |     }
 60 |   }, [])
 61 | 
 62 |   console.log(trackerRecord[0]?.fields['Status'])
 63 | 
 64 |   useEffect(() => {
 65 |     if (
 66 |       applicationsRecord.fields['Submitted'] === undefined ||
 67 |       applicationsRecord.fields['Submitted'] === null
 68 |     ) {
 69 |       if (applicationsRecord.fields['All Complete (incl Leaders)'] === 1) {
 70 |         setApplicationMessage(
 71 |           returnLocalizedMessage(router.locale, 'IS_INCOMPLETE')
 72 |         )
 73 |         router.push(`/${params.application}/${params.leader}/review`)
 74 |       }
 75 |     } else if (
 76 |       trackerRecord[0]?.fields.Status === undefined &&
 77 |       applicationsRecord.fields['Submitted']
 78 |     ) {
 79 |       setTimeout(() => {
 80 |         router.reload()
 81 |       }, 500)
 82 |     }
 83 |   }, [applicationStatus])
 84 | 
 85 |   return (
 86 |     <Container
 87 |       py={4}
 88 |       variant="copy"
 89 |       sx={{
 90 |         overflowY: 'hidden',
 91 |         overflowX: 'hidden'
 92 |       }}
 93 |     >
 94 |       {applicationStatus != 'rejected' &&
 95 |       applicationStatus !== 'inactive' &&
 96 |       applicationStatus != null ? (
 97 |         <ConfettiOnSuccess applicationStatus={applicationStatus} />
 98 |       ) : null}
 99 | 
100 |       <TimelineCard
101 |         router={router}
102 |         applicationsRecord={applicationsRecord}
103 |         leaderRecord={leaderRecord}
104 |         trackerRecord={trackerRecord}
105 |         params={params}
106 |       />
107 |       <Card px={[4, 4]} py={[4, 4]} mt={1}>
108 |         <Heading sx={{ fontSize: [3, 4] }} as="h2">
109 |           <Text
110 |             sx={{
111 |               color: messageColor,
112 |               textAlign: 'center',
113 |               alignItems: 'center'
114 |             }}
115 |           >
116 |             {returnLocalizedMessage(router.locale, 'YOUR_APPLICATION')}{' '}
117 |             {applicationMessage}
118 |           </Text>
119 |         </Heading>
120 |         <Divider sx={{ color: 'slate', my: [2, 3] }} />
121 | 
122 |         {applicationStatus === 'applied' ? (
123 |           <>
124 |             <Box sx={{ fontSize: [1, 2], mb: '30px', pt: '1rem' }}>
125 |               <Text>
126 |                 {returnLocalizedMessage(router.locale, 'EYE_ON_EMAIL')}
127 |               </Text>
128 |             </Box>
129 |             <Heading sx={{ fontSize: [2, 3] }} as="h4">
130 |               <Text>
131 |                 {returnLocalizedMessage(router.locale, 'WHILE_YOU_WAIT')}
132 |               </Text>
133 |             </Heading>
134 |             <Box
135 |               sx={{
136 |                 marginTop: '1rem'
137 |               }}
138 |             >
139 |               <Text>
140 |                 {returnLocalizedMessage(router.locale, 'OVER_150')}{' '}
141 |                 <a
142 |                   style={{ textDecoration: 'none', color: 'black' }}
143 |                   href="https://assemble.hackclub.com"
144 |                   target="_blank"
145 |                 >
146 |                   <Text
147 |                     sx={{
148 |                       color: 'black',
149 |                       '&:hover': {
150 |                         textDecoration: 'underline',
151 |                         textDecorationStyle: 'wavy'
152 |                       }
153 |                     }}
154 |                     as="b"
155 |                   >
156 |                     {returnLocalizedMessage(router.locale, 'ASSEMBLE')}
157 |                   </Text>
158 |                 </a>{' '}
159 |                 {returnLocalizedMessage(router.locale, 'FOR_THE_FIRST')}
160 |                 <b>
161 |                   <Text
162 |                     sx={{
163 |                       color: 'black',
164 |                       cursor: 'pointer',
165 |                       '&:hover': {
166 |                         textDecoration: 'underline',
167 |                         textDecorationStyle: 'wavy'
168 |                       }
169 |                     }}
170 |                     as="b"
171 |                   >
172 |                     {returnLocalizedMessage(router.locale, 'AT_ASSEMBLE')}
173 |                   </Text>
174 |                 </b>
175 |                 <ol>
176 |                   <li>{returnLocalizedMessage(router.locale, 'GET_500')}</li>
177 |                   <li>{returnLocalizedMessage(router.locale, 'BANK_FREE')}</li>
178 |                   <li>
179 |                     {returnLocalizedMessage(router.locale, 'HACKATHON_LISTED')}
180 |                   </li>
181 |                 </ol>
182 |               </Text>
183 |               <Box sx={{ my: '1rem' }}>
184 |                 <iframe
185 |                   width="80%"
186 |                   height="315"
187 |                   src="https://www.youtube.com/embed/PnK4gzO6S3Q"
188 |                   title="YouTube video player"
189 |                   frameborder="0"
190 |                   allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
191 |                   allowfullscreen
192 |                 ></iframe>
193 |               </Box>
194 |             </Box>
195 | 
196 |             <Box
197 |               sx={{
198 |                 marginTop: '1rem'
199 |               }}
200 |             >
201 |               <Text>
202 |                 {returnLocalizedMessage(router.locale, 'SLACK_DETAILS_FRONT')}{' '}
203 |                 <a
204 |                   style={{ textDecoration: 'none', color: 'black' }}
205 |                   href="https://hackclub.com/slack"
206 |                   target="_blank"
207 |                 >
208 |                   <Text
209 |                     sx={{
210 |                       color: 'black',
211 |                       '&:hover': {
212 |                         textDecoration: 'underline',
213 |                         textDecorationStyle: 'wavy'
214 |                       }
215 |                     }}
216 |                     as="b"
217 |                   >
218 |                     {returnLocalizedMessage(
219 |                       router.locale,
220 |                       'SLACK_DETAILS_MIDDLE'
221 |                     )}
222 |                   </Text>
223 |                 </a>{' '}
224 |                 {returnLocalizedMessage(router.locale, 'SLACK_DETAILS_END')}
225 |               </Text>
226 |               <Box
227 |                 sx={{
228 |                   marginTop: ['0.5rem', '1rem']
229 |                 }}
230 |               >
231 |                 <a href="https://hackclub.com/slack" target="_blank">
232 |                   <video autoPlay muted width="80%" height="auto">
233 |                     <source
234 |                       src="https://cdn.glitch.me/2d637c98-ed35-417a-bf89-cecc165d7398%2Foutput-no-duplicate-frames.hecv.mp4"
235 |                       type="video/mp4"
236 |                     />
237 |                   </video>
238 |                 </a>
239 |               </Box>
240 |             </Box>
241 |             <Box
242 |               style={{
243 |                 marginTop: '1rem'
244 |               }}
245 |             >
246 |               <Text>
247 |                 <a
248 |                   style={{ textDecoration: 'none' }}
249 |                   href="https://www.youtube.com/embed/2BID8_pGuqA"
250 |                   target="_blank"
251 |                 >
252 |                   <Text
253 |                     sx={{
254 |                       color: 'black',
255 |                       '&:hover': {
256 |                         textDecoration: 'underline',
257 |                         textDecorationStyle: 'wavy'
258 |                       }
259 |                     }}
260 |                   >
261 |                     <b>{returnLocalizedMessage(router.locale, 'ZEPHYR')}</b>
262 |                   </Text>
263 |                 </a>{' '}
264 |                 {returnLocalizedMessage(router.locale, 'ZEPHYR_DETAILS')}
265 |               </Text>
266 |               <Box sx={{ my: '1rem' }}>
267 |                 <iframe
268 |                   width="80%"
269 |                   height="315"
270 |                   src="https://www.youtube.com/embed/2BID8_pGuqA"
271 |                   title="YouTube video player"
272 |                   frameborder="0"
273 |                   allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
274 |                   allowfullscreen
275 |                 ></iframe>
276 |               </Box>
277 |             </Box>
278 |           </>
279 |         ) : applicationStatus === 'rejected' ? (
280 |           <>
281 |             <Heading sx={{ fontSize: [1, 2], fontWeight: '400' }} as="p">
282 |               <Text>
283 |                 {returnLocalizedMessage(
284 |                   router.locale,
285 |                   'PLEASE_REACH_OUT_REJECTION'
286 |                 )}
287 |               </Text>
288 |               <b>
289 |                 <Text
290 |                   as="a"
291 |                   href={`mailto:${returnLocalizedMessage(
292 |                     router.locale,
293 |                     'CONTACT_EMAIL'
294 |                   )}`}
295 |                   sx={{
296 |                     color: 'black',
297 |                     textDecoration: 'none',
298 |                     '&:hover': {
299 |                       textDecoration: 'underline',
300 |                       textDecorationStyle: 'wavy'
301 |                     }
302 |                   }}
303 |                 >
304 |                   {returnLocalizedMessage(router.locale, 'CONTACT_EMAIL')}
305 |                 </Text>
306 |               </b>
307 |               <Text>
308 |                 {returnLocalizedMessage(router.locale, 'FOR_MORE_INFO')}
309 |               </Text>
310 |             </Heading>
311 |           </>
312 |         ) : applicationStatus === 'inactive' ? (
313 |           <>
314 |             <Heading sx={{ fontSize: [1, 2], fontWeight: '400' }} as="p">
315 |               <Text>
316 |                 {returnLocalizedMessage(
317 |                   router.locale,
318 |                   'PLEASE_REACH_OUT_REJECTION'
319 |                 )}
320 |               </Text>
321 |               <b>
322 |                 <Text
323 |                   as="a"
324 |                   href={`mailto:${returnLocalizedMessage(
325 |                     router.locale,
326 |                     'CONTACT_EMAIL'
327 |                   )}`}
328 |                   sx={{
329 |                     color: 'black',
330 |                     textDecoration: 'none',
331 |                     '&:hover': {
332 |                       textDecoration: 'underline',
333 |                       textDecorationStyle: 'wavy'
334 |                     }
335 |                   }}
336 |                 >
337 |                   {returnLocalizedMessage(router.locale, 'CONTACT_EMAIL')}
338 |                 </Text>
339 |               </b>
340 |               <Text>
341 |                 {returnLocalizedMessage(router.locale, 'FOR_MORE_INFO')}
342 |               </Text>
343 |             </Heading>
344 |           </>
345 |         ) : applicationStatus === 'awaiting onboarding' ? (
346 |           <>
347 |             <Heading sx={{ fontSize: [2, 3], mb: '30px' }} as="h3">
348 |               <Text>
349 |                 {returnLocalizedMessage(router.locale, 'EXCITED_TO_HAVE_YOU')}
350 |               </Text>
351 |             </Heading>
352 |             <Box sx={{ fontSize: [1, 2], mb: '30px' }}>
353 |               <Text>
354 |                 {returnLocalizedMessage(router.locale, 'SCHEDULED_ONBOARDING')}{' '}
355 |                 <b>
356 |                   {trackerRecord[0].fields['Ambassador'] === 'HQ'
357 |                     ? 'Holly from HQ.'
358 |                     : trackerRecord[0].fields['Ambassador'] === 'APAC'
359 |                     ? 'Anna and Harsh from Hack Club APAC.'
360 |                     : 'Hack Club HQ.'}
361 |                 </b>{' '}
362 |                 {returnLocalizedMessage(
363 |                   router.locale,
364 |                   'CHECK_YOUR_EMAIL_ONBOARDING'
365 |                 )}
366 |               </Text>
367 |             </Box>
368 |             <Box sx={{ mb: '30px' }}>
369 |               <img
370 |                 width="70%"
371 |                 height="100%"
372 |                 src="https://telltaletv.com/wp-content/uploads/2016/08/picture-of-seinfeld-group-jumping-at-the-door-gif.gif"
373 |               />
374 |             </Box>
375 |           </>
376 |         ) : applicationStatus === 'onboarded' ? (
377 |           <>
378 |             <Heading sx={{ fontSize: [2, 3], mb: '30px', pt: '1rem' }} as="h3">
379 |               <Text>
380 |                 {returnLocalizedMessage(router.locale, 'EXCITED_TO_HAVE_YOU')}
381 |               </Text>
382 |             </Heading>
383 |             <Box sx={{ fontSize: [1, 2], mb: '30px' }}>
384 |               <Text>
385 |                 {returnLocalizedMessage(router.locale, 'COMPLETE_MESSAGE')}
386 |               </Text>
387 |             </Box>
388 |             <Box sx={{ mb: '30px' }}>
389 |               <img
390 |                 width="60%"
391 |                 height="100%"
392 |                 src="https://media-exp1.licdn.com/dms/image/C4E22AQG_keow32-aVQ/feedshare-shrink_2048_1536/0/1632869420418?e=2147483647&v=beta&t=245AFJt0i_YVl5VibSxjuHRGMIWt7Z5J14Gr0vA_DlA"
393 |               />
394 |             </Box>
395 |           </>
396 |         ) : null}
397 |       </Card>
398 |       <Box
399 |         sx={{
400 |           display: ['none', 'flex'],
401 |           position: 'fixed',
402 |           left: '10px',
403 |           bottom: '10px',
404 |           cursor: 'pointer',
405 |           placeItems: 'center',
406 |           background: '#00000002',
407 |           px: 2,
408 |           borderRadius: '15px'
409 |         }}
410 |         onClick={async () => {
411 |           await destroyCookie(null, 'authToken', {
412 |             path: '/'
413 |           })
414 |           router.push('/', '/', { scroll: false })
415 |         }}
416 |       >
417 |         <Icon
418 |           glyph="door-leave"
419 |           style={{
420 |             color: 'placeholder',
421 |             opacity: 0.9
422 |           }}
423 |         />
424 |         <Text
425 |           sx={{
426 |             color: 'slate',
427 |             opacity: 0.9,
428 |             fontWeight: '800',
429 |             textTransform: 'uppercase',
430 |             opacity: 1,
431 |             display: ['none', 'none', 'none', 'grid'],
432 |             transition: '0.5s ease-in-out',
433 |             mx: '5px',
434 |             ':hover,:focus': {
435 |               opacity: 1,
436 |               transition: '0.5s ease-in-out',
437 |               color: '#ec3750'
438 |             }
439 |           }}
440 |         >
441 |           {returnLocalizedMessage(router.locale, 'LOGOUT')}
442 |         </Text>
443 |       </Box>
444 |       <ContactCard router={router} />
445 |       <OpenSourceCard router={router} />
446 |     </Container>
447 |   )
448 | }
449 | 
450 | const ContactCard = ({ router }) => (
451 |   <Card
452 |     px={[4, 4]}
453 |     py={[3, 3]}
454 |     mt={3}
455 |     sx={{
456 |       color: 'blue',
457 |       display: 'flex',
458 |       alignItems: 'center',
459 |       '> svg': { display: ['none', 'inline'] }
460 |     }}
461 |   >
462 |     <Icon glyph="message" />
463 |     <Text sx={{ ml: 2 }}>
464 |       {returnLocalizedMessage(router.locale, 'CONTACT_MESSAGE_FRONT')}{' '}
465 |       <b>
466 |         <Text
467 |           as="a"
468 |           href={`mailto:${returnLocalizedMessage(
469 |             router.locale,
470 |             'CONTACT_EMAIL'
471 |           )}`}
472 |           sx={{
473 |             color: 'blue',
474 |             textDecoration: 'none',
475 |             '&:hover': {
476 |               textDecoration: 'underline',
477 |               textDecorationStyle: 'wavy'
478 |             }
479 |           }}
480 |         >
481 |           {returnLocalizedMessage(router.locale, 'CONTACT_EMAIL')}
482 |         </Text>
483 |       </b>{' '}
484 |       {returnLocalizedMessage(router.locale, 'CONTACT_MESSAGE_BACK')}
485 |     </Text>
486 |   </Card>
487 | )
488 | 
489 | export async function getServerSideProps({ res, req, params }) {
490 |   const {
491 |     prospectiveLeadersAirtable,
492 |     applicationsAirtable,
493 |     trackerAirtable
494 |   } = require('../../../lib/airtable')
495 |   const cookies = nookies.get({ req })
496 |   if (cookies.authToken) {
497 |     try {
498 |       const leaderRecord = await prospectiveLeadersAirtable.find(
499 |         'rec' + params.leader
500 |       )
501 |       const applicationsRecord = await applicationsAirtable.find(
502 |         'rec' + params.application
503 |       )
504 |       const trackerRecord = await trackerAirtable.read({
505 |         filterByFormula: `{App ID} = "rec${params.application}"`,
506 |         maxRecords: 1
507 |       })
508 |       if (leaderRecord.fields['Accepted Tokens'].includes(cookies.authToken)) {
509 |         return {
510 |           props: { params, applicationsRecord, leaderRecord, trackerRecord }
511 |         }
512 |       } else {
513 |         res.statusCode = 302
514 |         res.setHeader('Location', `/`)
515 |         return
516 |       }
517 |     } catch (e) {
518 |       res.statusCode = 302
519 |       res.setHeader('Location', `/`)
520 |       return
521 |     }
522 |   } else {
523 |     res.statusCode = 302
524 |     res.setHeader('Location', `/`)
525 |     return
526 |   }
527 | }
528 | 
529 | const OpenSourceCard = ({ router }) => {
530 |   return (
531 |     <Box
532 |       sx={{
533 |         display: ['none', 'flex'],
534 |         position: 'fixed',
535 |         right: '10px',
536 |         bottom: '10px',
537 |         cursor: 'pointer',
538 |         placeItems: 'center',
539 |         background: '#00000002',
540 |         px: 2,
541 |         borderRadius: '15px'
542 |       }}
543 |       onClick={async () => {
544 |         await destroyCookie(null, 'authToken', {
545 |           path: '/'
546 |         })
547 |         router.push('/', '/', { scroll: false })
548 |       }}
549 |     >
550 |       <Text
551 |         sx={{
552 |           color: 'slate',
553 |           opacity: 0.9,
554 |           fontWeight: '800',
555 |           textTransform: 'uppercase',
556 |           opacity: 1,
557 |           display: ['none', 'none', 'none', 'grid'],
558 |           transition: '0.5s ease-in-out',
559 |           mx: '5px',
560 |           ':hover,:focus': {
561 |             opacity: 1,
562 |             transition: '0.5s ease-in-out',
563 |             color: '#ec3750'
564 |           }
565 |         }}
566 |       >
567 |         {returnLocalizedMessage(router.locale, 'PROUDLY_OPEN_SOURCE')}
568 |       </Text>
569 |       <Icon
570 |         glyph="github"
571 |         sx={{
572 |           color: '#000000',
573 |           opacity: 0.8
574 |         }}
575 |       />
576 |     </Box>
577 |   )
578 | }
579 | 


--------------------------------------------------------------------------------
/pages/_app.js:
--------------------------------------------------------------------------------
 1 | import * as React from 'react'
 2 | import NextApp from 'next/app'
 3 | import '../styles/app.css'
 4 | import '@hackclub/theme/fonts/reg-bold.css'
 5 | import theme from '@hackclub/theme'
 6 | import { ThemeProvider } from 'theme-ui'
 7 | import ForceTheme from '../components/force-theme'
 8 | import Flag from '../components/flag'
 9 | import LocaleSwitcher from '../components/locale-switcher'
10 | import NProgress from '../components/nprogress'
11 | import Fullstory from '../components/fullstory'
12 | import Plausible from '../components/plausible'
13 | import Meta from '@hackclub/meta'
14 | import Head from 'next/head'
15 | 
16 | export default class App extends NextApp {
17 |   render() {
18 |     const { Component, pageProps } = this.props
19 |     return (
20 |       <ThemeProvider theme={theme}>
21 |         <Meta
22 |           as={Head}
23 |           name="Apply to Hack Club" // site name
24 |           title="Apply to Hack Club" // page title
25 |           description="Hack Club is a global nonprofit network of high school coding clubs. Apply now to start yours—we’ll provide support, curriculum, community, stickers, and more." // page description
26 |           image="https://apply.hackclub.com/card_1.png" // large summary card image URL
27 |           color="#ec3750" // theme color
28 |         />
29 |         <Fullstory />
30 |         <Plausible />
31 |         <Flag />
32 |         <LocaleSwitcher />
33 |         <NProgress color={'#ec3750'} />
34 |         <ForceTheme theme="light" />
35 |         <Component {...pageProps} />
36 |       </ThemeProvider>
37 |     )
38 |   }
39 | }
40 | 


--------------------------------------------------------------------------------
/pages/api/[type]/save.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   applicationsAirtable,
 3 |   prospectiveLeadersAirtable,
 4 |   loginsAirtable
 5 | } from '../../../lib/airtable'
 6 | import manifest from '../../../manifest'
 7 | import nookies from 'nookies'
 8 | 
 9 | export default async function handler(req, res) {
10 |   const cookies = nookies.get({ req })
11 |   try {
12 |     const tokenRecord = await loginsAirtable.find('rec' + cookies.authToken)
13 |     console.log(tokenRecord.fields['Path'])
14 |     console.log(req.query.id)
15 |     if (!tokenRecord.fields['Path'][0].includes(req.query.id)) {
16 |       res.redirect('/')
17 |       return
18 |     }
19 | 
20 |     const requestBody = JSON.parse(req.body)
21 |     const template =
22 |       req.query.type == 'club' ? manifest.clubs : manifest.leaders
23 |     const newData = template
24 |       .map(({ items }) => items)
25 |       .flat()
26 |       .reduce(
27 |         (acc, cur) => {
28 |           const { key, optional = false } = cur
29 |           acc[key] = requestBody[key]
30 | 
31 |           if (
32 |             !optional &&
33 |             (requestBody[key] === undefined || requestBody[key].trim() === '')
34 |           ) {
35 |             acc.Completed = false
36 |           }
37 | 
38 |           return acc
39 |         },
40 |         { Completed: true }
41 |       )
42 | 
43 |     const table =
44 |       req.query.type == 'club'
45 |         ? applicationsAirtable
46 |         : prospectiveLeadersAirtable
47 |     const updateCall = await table.update('rec' + req.query.id, newData)
48 | 
49 |     res.status(200).json({ success: true, id: updateCall.id, newData })
50 |   } catch (error) {
51 |     console.log(error)
52 |     res.status(504).json({ success: false, error })
53 |   }
54 | }
55 | 


--------------------------------------------------------------------------------
/pages/api/auth/[token].js:
--------------------------------------------------------------------------------
 1 | import { loginsAirtable } from '../../../lib/airtable'
 2 | import nookies from 'nookies'
 3 | 
 4 | export default async function handler(req, res) {
 5 |   try {
 6 |     const tokenRecord = await loginsAirtable.find('rec' + req.query.token)
 7 |     if (tokenRecord.fields['Path']) {
 8 |       nookies.set({ res }, 'authToken', req.query.token, {
 9 |         maxAge: 30 * 24 * 60 * 60,
10 |         path: '/'
11 |       })
12 |     }
13 |     res.redirect(
14 |       `/${
15 |         tokenRecord.fields['Locale with a slash']
16 |           ? tokenRecord.fields['Locale with a slash']
17 |           : ''
18 |       }${tokenRecord.fields['Path'] ? tokenRecord.fields['Path'] : ''}`
19 |     )
20 |   } catch {
21 |     res.redirect('/')
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/pages/api/invite.js:
--------------------------------------------------------------------------------
 1 | import { prospectiveLeadersAirtable, loginsAirtable } from '../../lib/airtable'
 2 | import nookies from 'nookies'
 3 | 
 4 | export default async function handler(req, res) {
 5 |   const cookies = nookies.get({ req })
 6 |   try {
 7 |     const tokenRecord = await loginsAirtable.find('rec' + cookies.authToken)
 8 |     if (!tokenRecord.fields['Path'][0].includes(req.query.id)) {
 9 |       res.redirect('/')
10 |       return
11 |     }
12 |     const prospectiveLeadersRecord = await prospectiveLeadersAirtable.create({
13 |       Email: decodeURIComponent(req.query.email),
14 |       Application: ['rec' + req.query.id]
15 |     })
16 |     const loginRecord = await loginsAirtable.create({
17 |       'Relevant User': [prospectiveLeadersRecord.id],
18 |       'New Invite': true,
19 |       Locale: req.query.locale
20 |     })
21 |     res.json({ success: true, id: loginRecord.id })
22 |   } catch (error) {
23 |     console.log(error)
24 |     res.status(504).json({ success: false, error })
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/pages/api/login.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   prospectiveLeadersAirtable,
 3 |   loginsAirtable,
 4 |   applicationsAirtable
 5 | } from '../../lib/airtable'
 6 | 
 7 | export default async function handler(req, res) {
 8 |   try {
 9 |     const firstAirtableCall = await prospectiveLeadersAirtable.read({
10 |       maxRecords: 1,
11 |       filterByFormula: `Email = "${decodeURIComponent(req.query.email)}"`
12 |     })
13 | 
14 |     if (firstAirtableCall.length > 0) {
15 |       const prospectiveLeadersRecord = firstAirtableCall[0]
16 |       const loginRecord = await loginsAirtable.create({
17 |         'Relevant User': [prospectiveLeadersRecord.id],
18 |         Locale: req.query.locale
19 |       })
20 |       res.json({ success: true, id: loginRecord.id })
21 |     } else {
22 |       let today = new Date().toLocaleDateString()
23 |       const applicationsRecord = await applicationsAirtable.create({
24 |         'Application Date': today
25 |       })
26 |       const prospectiveLeadersRecord = await prospectiveLeadersAirtable.create({
27 |         Email: decodeURIComponent(req.query.email),
28 |         Application: [applicationsRecord.id]
29 |       })
30 |       const loginRecord = await loginsAirtable.create({
31 |         'Relevant User': [prospectiveLeadersRecord.id],
32 |         Locale: req.query.locale,
33 |         Type: 'Apply'
34 |       })
35 |       res.json({ success: true, id: loginRecord.id })
36 |     }
37 |   } catch (error) {
38 |     console.log(error)
39 |     res.status(504).json({ success: false, error })
40 |   }
41 | }
42 | 


--------------------------------------------------------------------------------
/pages/api/manifest.js:
--------------------------------------------------------------------------------
1 | import manifest from '../../manifest'
2 | 
3 | export default async function handler(req, res) {
4 |   res.json(manifest)
5 | }
6 | 


--------------------------------------------------------------------------------
/pages/api/remove.js:
--------------------------------------------------------------------------------
 1 | import { loginsAirtable, prospectiveLeadersAirtable } from '../../lib/airtable'
 2 | import nookies from 'nookies'
 3 | 
 4 | export default async function handler(req, res) {
 5 |   const cookies = nookies.get({ req })
 6 |   try {
 7 |     console.log(cookies.authToken)
 8 |     const tokenRecord = await loginsAirtable.find('rec' + cookies.authToken)
 9 |     console.log(req.query.id)
10 |     console.log(tokenRecord.fields['Path'])
11 |     if (!tokenRecord.fields['Path'][0].includes(req.query.id)) {
12 |       console.log('not authed!')
13 |       res.redirect('/')
14 |       return
15 |     }
16 |     console.log(req.query.leaderID)
17 |     const deleteCall = await prospectiveLeadersAirtable.delete(
18 |       req.query.leaderID
19 |     )
20 |     console.log(deleteCall)
21 |     res.status(200).json({ success: true, res: deleteCall })
22 |   } catch (error) {
23 |     console.log(error)
24 |     res.status(504).json({ success: false, error })
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/pages/api/submit.js:
--------------------------------------------------------------------------------
 1 | import { applicationsAirtable, loginsAirtable } from '../../lib/airtable'
 2 | import nookies from 'nookies'
 3 | import { isInvalidBirthdate } from '../../lib/helpers'
 4 | 
 5 | export default async function handler(req, res) {
 6 |   const cookies = nookies.get({ req })
 7 |   try {
 8 |     const tokenRecord = await loginsAirtable.find('rec' + cookies.authToken)
 9 |     if (!tokenRecord.fields['Path'][0].includes(req.query.id)) {
10 |       res.redirect('/')
11 |       return
12 |     }
13 |     // Make sure birthday is valid
14 |     const application = await applicationsAirtable.find('rec' + req.query.id)
15 |     if (
16 |       isInvalidBirthdate(
17 |         application.fields['Leader Birthdays'][0],
18 |         application.fields['Leader Birthdays']
19 |       )
20 |     )
21 |       throw new Error('Invalid birthdates')
22 |     const updateCall = await applicationsAirtable.update('rec' + req.query.id, {
23 |       Submitted: true
24 |     })
25 |     res.status(200).json({ success: true, id: updateCall.id })
26 |   } catch (error) {
27 |     console.log(error)
28 |     res.status(504).json({ success: false, error })
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/pages/index.js:
--------------------------------------------------------------------------------
  1 | import { Box, Button, Text, Flex, Heading, Input } from 'theme-ui'
  2 | import { useState, useRef, useEffect } from 'react'
  3 | import nookies from 'nookies'
  4 | import { validateEmail, returnLocalizedMessage } from '../lib/helpers'
  5 | import { useRouter } from 'next/router'
  6 | 
  7 | export default function IndexHome() {
  8 |   const router = useRouter()
  9 |   const [status, setStatus] = useState('awaiting')
 10 |   const [email, setEmail] = useState('')
 11 |   async function handleSubmission(e) {
 12 |     e.preventDefault()
 13 |     if (validateEmail(email)) {
 14 |       setStatus('loading')
 15 |       const loginAPICall = await fetch(
 16 |         `/api/login?email=${encodeURIComponent(email)}&locale=${router.locale}`
 17 |       ).then(r => r.json())
 18 |       if (loginAPICall.success) {
 19 |         setStatus('sent')
 20 |       } else {
 21 |         setStatus('error')
 22 |       }
 23 |     } else {
 24 |       alert(
 25 |         `❌ ${returnLocalizedMessage(router.locale, 'INVALID_EMAIL_ADDRESS')}`
 26 |       )
 27 |     }
 28 |   }
 29 |   return (
 30 |     <Flex
 31 |       sx={{
 32 |         minHeight: '100vh',
 33 |         alignItems: 'center',
 34 |         justifyContent: 'center',
 35 |         color: 'white',
 36 |         marginTop: '-50px'
 37 |       }}
 38 |     >
 39 |       <Box
 40 |         bg="slate"
 41 |         p={4}
 42 |         as="form"
 43 |         onSubmit={handleSubmission}
 44 |         sx={{ borderRadius: 10, width: '100%', maxWidth: '36rem' }}
 45 |       >
 46 |         <Heading as="h1" sx={{ fontSize: 5 }}>
 47 |           {returnLocalizedMessage(router.locale, 'WELCOME_TITLE')}
 48 |         </Heading>
 49 |         <Text as="p" variant="lead">
 50 |           {returnLocalizedMessage(router.locale, 'WELCOME_SUBTITLE')}
 51 |         </Text>
 52 |         <Text as="p" variant="lead">
 53 |           {status == 'awaiting'
 54 |             ? returnLocalizedMessage(router.locale, 'ENTER_YOUR_EMAIL_LABEL')
 55 |             : status == 'sent'
 56 |             ? '📬 ' +
 57 |               returnLocalizedMessage(router.locale, 'WE_JUST_SENT_A_LOGIN_URL')
 58 |             : status == 'loading'
 59 |             ? '✉️ ' + returnLocalizedMessage(router.locale, 'SENDING')
 60 |             : '⚠️ ' + returnLocalizedMessage(router.locale, 'ERROR')}
 61 |         </Text>
 62 |         <Input
 63 |           className="bg"
 64 |           placeholder={returnLocalizedMessage(router.locale, 'EMAIL')}
 65 |           onChange={e => setEmail(e.target.value.toLowerCase())}
 66 |           sx={{
 67 |             color: 'rgb(56, 64, 70)',
 68 |             display:
 69 |               status == 'awaiting' || status == 'error' ? 'block' : 'none',
 70 |             '::placeholder': {
 71 |               color: 'rgb(56, 64, 70)'
 72 |             }
 73 |           }}
 74 |         />
 75 |         <Button
 76 |           className="bg"
 77 |           sx={{
 78 |             color: 'black',
 79 |             boxShadow: 'none',
 80 |             textTransform: 'uppercase',
 81 |             mt: 3,
 82 |             display:
 83 |               status == 'awaiting' || status == 'error' ? 'block' : 'none'
 84 |           }}
 85 |         >
 86 |           {returnLocalizedMessage(router.locale, 'CONTINUE')}
 87 |         </Button>
 88 |       </Box>
 89 |     </Flex>
 90 |   )
 91 | }
 92 | 
 93 | export async function getServerSideProps(ctx) {
 94 |   const { loginsAirtable } = require('../lib/airtable')
 95 |   const cookies = nookies.get(ctx)
 96 |   if (cookies.authToken) {
 97 |     try {
 98 |       const tokenRecord = await loginsAirtable.find('rec' + cookies.authToken)
 99 |       let res = ctx.res
100 |       res.statusCode = 302
101 |       res.setHeader(
102 |         'Location',
103 |         `/${
104 |           tokenRecord.fields['Locale with a slash']
105 |             ? tokenRecord.fields['Locale with a slash']
106 |             : ''
107 |         }${tokenRecord.fields['Path']}`
108 |       )
109 |     } catch {
110 |       nookies.destroy(ctx, 'authToken')
111 |     }
112 |   }
113 |   return { props: {} }
114 | }
115 | 


--------------------------------------------------------------------------------
/prettier.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   singleQuote: true,
3 |   trailingComma: 'none',
4 |   arrowParens: 'avoid',
5 |   printWidth: 80,
6 |   semi: false
7 | }
8 | 


--------------------------------------------------------------------------------
/public/card_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hackclub/apply/e5da0f596e75eed4507055ed024a54c0b4e72adc/public/card_1.png


--------------------------------------------------------------------------------
/public/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hackclub/apply/e5da0f596e75eed4507055ed024a54c0b4e72adc/public/favicon.png


--------------------------------------------------------------------------------
/public/fullstory.js:
--------------------------------------------------------------------------------
 1 | window['_fs_debug'] = false
 2 | window['_fs_host'] = 'fullstory.com'
 3 | window['_fs_script'] = 'edge.fullstory.com/s/fs.js'
 4 | window['_fs_org'] = 'ARN0J'
 5 | window['_fs_namespace'] = 'FS'
 6 | ;(function (m, n, e, t, l, o, g, y) {
 7 |   if (e in m) {
 8 |     if (m.console && m.console.log) {
 9 |       m.console.log(
10 |         'FullStory namespace conflict. Please set window["_fs_namespace"].'
11 |       )
12 |     }
13 |     return
14 |   }
15 |   g = m[e] = function (a, b, s) {
16 |     g.q ? g.q.push([a, b, s]) : g._api(a, b, s)
17 |   }
18 |   g.q = []
19 |   o = n.createElement(t)
20 |   o.async = 1
21 |   o.crossOrigin = 'anonymous'
22 |   o.src = 'https://' + _fs_script
23 |   y = n.getElementsByTagName(t)[0]
24 |   y.parentNode.insertBefore(o, y)
25 |   g.identify = function (i, v, s) {
26 |     g(l, { uid: i }, s)
27 |     if (v) g(l, v, s)
28 |   }
29 |   g.setUserVars = function (v, s) {
30 |     g(l, v, s)
31 |   }
32 |   g.event = function (i, v, s) {
33 |     g('event', { n: i, p: v }, s)
34 |   }
35 |   g.anonymize = function () {
36 |     g.identify(!!0)
37 |   }
38 |   g.shutdown = function () {
39 |     g('rec', !1)
40 |   }
41 |   g.restart = function () {
42 |     g('rec', !0)
43 |   }
44 |   g.log = function (a, b) {
45 |     g('log', [a, b])
46 |   }
47 |   g.consent = function (a) {
48 |     g('consent', !arguments.length || a)
49 |   }
50 |   g.identifyAccount = function (i, v) {
51 |     o = 'account'
52 |     v = v || {}
53 |     v.acctId = i
54 |     g(o, v)
55 |   }
56 |   g.clearUserCookie = function () {}
57 |   g.setVars = function (n, p) {
58 |     g('setVars', [n, p])
59 |   }
60 |   g._w = {}
61 |   y = 'XMLHttpRequest'
62 |   g._w[y] = m[y]
63 |   y = 'fetch'
64 |   g._w[y] = m[y]
65 |   if (m[y])
66 |     m[y] = function () {
67 |       return g._w[y].apply(this, arguments)
68 |     }
69 |   g._v = '1.3.0'
70 | })(window, document, window['_fs_namespace'], 'script', 'user')
71 | 


--------------------------------------------------------------------------------
/public/orpheus_flag.svg:
--------------------------------------------------------------------------------
1 | <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288.6 131.9"><style>.st0,.st1,.st2{fill:#fff;stroke:#000;stroke-width:3;stroke-miterlimit:10}.st1,.st2{fill:#e42d40}.st2{fill:#fff;stroke:#fff;stroke-width:.25}</style><path class="st0" d="M3.3 1s-5.7 55.3 2 75.7 20 21.3 20 21.3 61-41 60.7-39.7-1-5-8-16.7S70.3 6.7 70.3 1"/><path class="st0" d="M86.3 59.5s-9.1-11.2-38.4 6C18.6 82.7 22 95.6 25.4 97.9c3.4 2.3 11.1 5.6 41.1-6.6s19.8-31.8 19.8-31.8z"/><path class="st0" d="M45.4 100s74.4-61 75.9-61.7 4.7 0 4.7 0l-76 63.1-4.6-1.4z"/><path class="st0" d="M53.7 98s-2-9.7-6.3-12.3 4 0 6.3 0S66 91.3 64.3 96.3s-10 6.7-16 3.7 5.4-2 5.4-2zM74.7 70.3c.7 1.7 7.5 8.6 3.8 9.6s-2.4 9.5 4.9 7.6S93 76 86 72s-11.3-1.7-11.3-1.7zM66.7 90.3s-1-3.7-3.7-9.7 7 0 7 0S82 86 77.3 93s-11 1.8-12.8 0c-1.8-1.8-2.2-4.3 2.2-2.7z"/><path class="st1" d="M129.7 30s23.6-6.1 58.9 35.7c35.3 41.7 94.3 31.8 95 31.6.7-.2-16.3 11.5-16.3 11.5s9.1 6.7 18.7 8.5c9.5 1.8-56.4 26.4-100.5 5.7-23.9-10.4-41.3-25.9-52.8-41-4.1-5-16.9-22-34.7-24.8L129.7 30z"/><path class="st2" d="M136.7 41.6c-1.8 2.3-4.9 6.2-9.7 10.8-8.5 7-1.3 8.9 2.4 6.1 2.2-1.5 4.5-3.1 4.5-3.1l4.6 5.2s-1.9 2.3-3.4 4.2c-4.7 4.6.9 6.8 4.5 3.3 1.8-1.8 9.5-9 12.9-13.3 2.9-2.4 0-7.3-4.5-3.5-2 1.3-5.7 4.2-5.7 4.2s-3.8-4.3-3.7-4.5c.1-.6 1.3-1.5 1.9-2.7 3.8-7.9-1.3-9.8-3.8-6.7zM157.7 60.7c2.8-2.4 4.8-2.1 6-1.4.5.3.8 1.7.9 3.1-1.3 8-10.6 19.6-11.5 20.3-3.5 2.4-6.9.2-3.9-2.9 1.6-1.9 3.3-3.6 3.3-3.6l-4.4-2.6c-6.9 5.5-8.8 1.1-5.5-1.2 3.3-2.6 11.3-8.6 15.1-11.7zm-5.7 8.5l4.3 2.8s5-7.6 3.1-7.3l-7.4 4.5zM178.6 78.2c1.4-1.5 1.9-5.9-3-7.2-6.6-2.9-13.9 7.4-13.9 7.4s-3.5 5-3.5 9.4c-.1 4.3 3.7 6 4.4 6.4 4.8.7 4.6-2.9 4-3.2-.9-.5-2.2-.9-2.9-2.1-1.1-2.2.7-5.5 2-7.2 2.3-2.8 7.1-8.2 9.5-5.3.8 3 2.6 2.6 3.4 1.8zM182.6 79.8c-2.7 3-2.9 7.2-8.7 12.6-1.4 1.3-4.4 3.5-4.8 3.9-2.9 2.3-.5 5.4 5.4 1.9 1.4-.8 3.7-3.4 3.7-3.4l1.6.5s-1.3 6.5-2.1 9.1c-.8 2.6 3 5.9 5.2 1.1.6-1.7 1-4.2 1.2-7.5 0 0 .2-2.4-.4-3 0 0 7-2.6 8.4-4.3 1.3-1.7 1.1-3.5-4.2-2-5.2 1.5-6.1 2.3-6.1 2.3s2.7-3.6 3.9-6.7c1.7-2.9-.8-6.8-3.1-4.5zM200 93.4c-2.3.8-4.7 3.3-6.5 7.9-2.8 6.8-1.6 11.8 3.5 13.1 5.1 1.4 5.5-2.5 5.2-2.8-.3-.3-.3-.7-2.5-.8-2.3-.1-3.4-1.6-3.3-5.1.1-2.3 1.4-6.5 3.8-7.9.7-.4 1.2-.5 1.5-.5 1.1-.1 1.8.7 1.9 1 1.7 2.9 3.1 1.1 2.9-1-.8-3.2-2.9-4.7-6.5-3.9zM209.7 100c1.1-2.5 4.6-3.4 3.1 2.7-.5 4.2-2 11.8-2.5 12.9 0 0 1.2 1.4 5.8 2.4 0 0 2 .7 1.1 1.6-.9 1-2 .6-2.2.6-.3 0-10.6-2.3-10.2-3.7.4-1.4 1-1.9 2.3-6.2 1.1-5.7 1.5-7.8 2.6-10.3zM220.9 104.1c.6-1.9 3-2.2 3.2.2.2 1.9-1.8 9-1.7 12.4.3 1.4 1.8 2.3 2.9 1.6 1.6-1.3 2.7-5.3 3.5-8.8.3-1.7.7-2.9 1.2-3.7 1.5-2.7 3.6-1 3.4 2.4-.6 3.6-2.4 9.1-3.6 10.7-1.2 1.6-2.7 3.6-5.3 3.1-.7-.1-6-1.6-5.3-7.9.8-6.1 1.1-8.1 1.7-10zM239.4 105.2c3.9-.4 6.5-.1 8.1 1.4.8 1.1.6 3.2-.3 4.6-.9 1.1-2 2-2 2 1.7 1 1.6 2.9 1.6 2.9-.1 7.3-4 6.9-8.8 6.3-1.5-.3-3.1-.9-2.9-1.5.3-1 1.9-13.9 1.9-13.9 0-.7 0-1.7 2.4-1.8zm.3 2.6l-.1 4.3s4.5.2 4.9-2c.5-2.3-2.4-2.2-4.8-2.3zm-.7 7.3s-1 4.9-.8 4.6c.1-.3 5.7.6 5.8-2.7 0-3.3-5-1.9-5-1.9z"/></svg>
2 | 


--------------------------------------------------------------------------------
/public/underline-green.svg:
--------------------------------------------------------------------------------
1 | <svg width="119" height="6" viewBox="0 0 119 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M117.434 3.85302C59.0269 5.93302 84.7839 -2.45998 1.56592 3.43602" stroke="#24B47E" stroke-width="2" stroke-linecap="round"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/public/underline.svg:
--------------------------------------------------------------------------------
1 | <svg preserveAspectRatio="none" width="119" height="6" viewBox="0 0 119 6" xmlns="http://www.w3.org/2000/svg"><path d="M117.434 3.853C59.027 5.933 84.784-2.46 1.566 3.436" stroke="#e4732d" stroke-width="2" fill="none" stroke-linecap="round"/></svg>


--------------------------------------------------------------------------------
/styles/app.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   min-height: 100vh;
 3 |   background-color: #e6f4fc;
 4 |   background-image: linear-gradient(
 5 |     128deg,
 6 |     rgba(255, 0, 0, 0.0625),
 7 |     rgba(0, 255, 255, 0.125)
 8 |   );
 9 |   background-blend-mode: overlay;
10 |   animation: backgroundAnimation 48s linear infinite;
11 | }
12 | 
13 | .bg {
14 |   background-color: #e6f4fc;
15 |   background-image: linear-gradient(
16 |     128deg,
17 |     rgba(255, 0, 0, 0.0625),
18 |     rgba(0, 255, 255, 0.125)
19 |   );
20 |   background-blend-mode: overlay;
21 |   animation: backgroundAnimation 48s linear infinite;
22 | }
23 | @keyframes backgroundAnimation {
24 |   0% {
25 |     background-color: rgb(230, 244, 252);
26 |   }
27 |   8.33333% {
28 |     background-color: rgb(235, 237, 252);
29 |   }
30 |   16.6667% {
31 |     background-color: rgb(242, 235, 252);
32 |   }
33 |   25% {
34 |     background-color: rgb(250, 235, 252);
35 |   }
36 |   33.3333% {
37 |     background-color: rgb(252, 235, 246);
38 |   }
39 |   41.6667% {
40 |     background-color: rgb(252, 235, 237);
41 |   }
42 |   50% {
43 |     background-color: rgb(252, 239, 231);
44 |   }
45 |   58.3333% {
46 |     background-color: rgb(251, 249, 227);
47 |   }
48 |   66.6667% {
49 |     background-color: rgb(234, 252, 231);
50 |   }
51 |   75% {
52 |     background-color: rgb(231, 252, 239);
53 |   }
54 |   83.3333% {
55 |     background-color: rgb(231, 252, 250);
56 |   }
57 |   91.6667% {
58 |     background-color: rgb(249, 249, 250);
59 |   }
60 |   100% {
61 |     background-color: rgb(230, 244, 252);
62 |   }
63 | }
64 | 


--------------------------------------------------------------------------------
/translations/en-US.js:
--------------------------------------------------------------------------------
  1 | export const messageObject = {
  2 |   CONTACT_EMAIL: 'clubs@hackclub.com',
  3 |   APPLICATION_STATUS_MESSAGE: 'Your application to start a Hack Club',
  4 |   UP_AND_RUNNING: "Let's get your Hack Club up and running!",
  5 |   APPLICATION_STATUS_MESSAGE_APPENDED_IS: 'is',
  6 |   APPLICATION_STATUS_MESSAGE_APPENDED_HAS_BEEN: 'has been',
  7 |   SUBMITTED: 'submitted!',
  8 |   INACTIVE: ' is inactive.',
  9 |   IN_PROGRESS: 'still in progress!',
 10 |   READY: 'ready to go!',
 11 |   YOUR_CLUB: 'Your Club',
 12 |   MY_PERSONAL_PROFILE: 'My Personal Profile',
 13 |   LANG_INFO: '',
 14 |   LEADERS: 'Leaders',
 15 |   GUIDE_FOR_SELECTING_TEAM: 'You can read our guide for selecting your team',
 16 |   HERE: 'here',
 17 |   TEACHER_SPONSOR: 'Your teacher sponsor should not fill out a profile.',
 18 |   NEW_CO_LEADER_EMAIL: 'Add a new co-leader via email (optional)',
 19 |   SEND_INVITE: 'Send Invite',
 20 |   SUBMIT_YOUR_APPLICATION: 'Submit your application',
 21 |   LOGOUT: 'logout',
 22 |   INVITED: 'Invited!',
 23 |   ERROR: 'Error! Please try again!',
 24 |   INVALID_EMAIL_ADDRESS: 'Invalid Email Address',
 25 |   ARE_YOU_SURE_REMOVE_AS_A_TEAM_MEMBER:
 26 |     'Are you sure you want to remove this member as a team member?',
 27 |   SUBMITTED: 'submitted!',
 28 |   REMOVED: 'Member removed!',
 29 |   WELCOME_TITLE: 'Welcome',
 30 |   WELCOME_SUBTITLE:
 31 |     'We can’t wait to see your application to start a Hack Club. Let’s get you signed in! If you run into any issues, email jared@hackclub.com for support (we are always happy to help)',
 32 |   ENTER_YOUR_EMAIL_LABEL: 'Enter your email:',
 33 |   WE_JUST_SENT_A_LOGIN_URL: 'We just sent a login URL to your email.',
 34 |   SENDING: 'Sending email!',
 35 |   CONTINUE: 'Continue',
 36 |   EMAIL: 'Email address',
 37 |   APPLY: 'Apply',
 38 |   LEADER: 'Leader',
 39 |   CLUB: 'Club',
 40 |   SAVED: 'Changes saved!',
 41 |   SAVE: 'Save changes',
 42 |   CONTINUE: 'Continue',
 43 |   OPTIONAL: 'optional',
 44 |   SELECT_ONE: 'Select One',
 45 |   AIM_FOR_BETWEEN: 'Aim for about',
 46 |   AND: 'and',
 47 |   WORDS: 'words',
 48 |   WORD: 'word',
 49 |   SO_FAR: 'so far',
 50 |   ARE_YOU_SURE_YOU_WANT_TO_SAVE:
 51 |     'Would you like to save? Click Cancel to skip saving.',
 52 |   FYI_WE_DONT_ACCEPT_FROM_UNI_AND_TEACHERS:
 53 |     "We don't accept Hack Club applications for university clubs or from teachers. Email",
 54 |   FOR_MORE_DETAILS: 'for more details.',
 55 |   LEARN_MORE_ABOUT_YOU:
 56 |     "We want to learn more about you and what your hopes and dreams are for your club so that we can support you! Starting a Hack Club is open to all high school students — here's what you need to do.",
 57 |   INVITE_COLEADS: 'Invite your co-leads to fill out the application with you.',
 58 |   COMPLETE_THE: `Complete the`,
 59 |   '5_MINUTE_LEADER': '5 minute leader profile',
 60 |   GET_TO_KNOW_YOU: ' so we can get to know you and your goals.',
 61 |   FILL_OUT_THE: 'Fill out the',
 62 |   '5_MINUTE_CLUB': '5 minute club information form',
 63 |   PERSONALIZE_CLUB: ' so we can personalize your club experience.',
 64 |   WAIT_24_HOURS: 'Wait 24 hours (Mon-Fri) for a decision, then have a',
 65 |   '30_MINUTE_CHAT': '30 minute chat',
 66 |   PLAN_OUT_NEXT_YEAR: ' to get to know you!',
 67 |   FIRST_MEETING:
 68 |     'Have your first Hack Club meeting with your school, filled with stickers and hacker perks!',
 69 |   LETS_GET_TO_KNOW_YOU: "Let's get to know you",
 70 |   CONTACT_MESSAGE_FRONT: "We're here for you! Email us at",
 71 |   CONTACT_MESSAGE_BACK: "for help, and we'll respond ASAP Mon-Fri!",
 72 |   HOME: 'Home',
 73 |   LEADER_PROFILE: 'Leader Profile',
 74 |   YOUR_CLUB: 'Your Club',
 75 |   REVIEW: 'Review',
 76 |   STATUS: 'Status',
 77 |   YOUR_APPLICATION: 'Your application',
 78 |   IS_BEING_REVIEWED: 'is being reviewed!',
 79 |   REJECTED: 'has not been accepted.',
 80 |   ACCEPTED: 'has been accepted.',
 81 |   PROCESSING: 'status is processing...',
 82 |   EYE_ON_EMAIL:
 83 |     'Keep an eye on your email! We’ll reach out in 24 hours (Mon-Fri) to let you know.',
 84 |   WHILE_YOU_WAIT: 'Here are a few things you can check out while you wait!',
 85 |   ZEPHYR: 'The Hacker Zephyr',
 86 |   ZEPHYR_DETAILS:
 87 |     'was an epic, cross-country train trip taken by 42 teen hackers in the summer of 2021. Over 10 days, the journey began on a farm in Vermont and ended on the factory floor of SpaceX in California, where Hack Clubbers demoed their projects.',
 88 |   SLACK_DETAILS_FRONT: 'Check out our',
 89 |   SLACK_DETAILS_MIDDLE: 'Hack Club Slack',
 90 |   SLACK_DETAILS_END:
 91 |     'with 16,000+ members worldwide! This is going to be your personal Hack Club HQ.',
 92 |   PLEASE_REACH_OUT_REJECTION: 'Please reach out to ',
 93 |   FOR_MORE_INFO: ' for more information concerning your application status.',
 94 |   EXCITED_TO_HAVE_YOU: "We're excited to have you in the Hack Club community!",
 95 |   SCHEDULED_ONBOARDING: "We've scheduled your onboarding with",
 96 |   CHECK_YOUR_EMAIL_ONBOARDING:
 97 |     'Check your email for more information. Look forward to meeting you!',
 98 |   COMPLETE_MESSAGE:
 99 |     "Congratulations on completing your club onboarding! Now, the club is what you make of it. You'll have a check-in call in one month from your onboarding; please check your email for more information. We're excited to get your club up and running!",
100 |   PROUDLY_OPEN_SOURCE: 'Proudly Open Source',
101 |   HACK_CLUB_CODE_OF_CONDUCT: 'Hack Club Code of Conduct',
102 |   CODE_OF_CONDUCT: 'Code of Conduct',
103 |   THE_TEAM_AGREES: 'The team agrees to the',
104 |   ANSWER_QUESTIONS_PERSONALIZE:
105 |     'Answer these questions so we can personalize your club experience.',
106 |   YOUVE_SUBMITTED: "You've submitted!",
107 |   CHECK_CLUB_STATUS: "Check out your club's status.",
108 |   LETS_REVIEW_EVERYTHING: "Let's review everything so far.",
109 |   ARE_YOU_SURE: 'Are you sure?',
110 |   LOOKS_GOOD: 'Looks good',
111 |   ONE_MOMENT: 'One moment please.',
112 |   PHONE_NUMBER: 'Phone Number',
113 |   IS_INCOMPLETE: 'is incomplete. Redirecting...',
114 |   OVER_150: 'Over 150 Hack Clubbers assembled at',
115 |   ASSEMBLE: ' Assemble ',
116 |   FOR_THE_FIRST:
117 |     'for the first in-person hackathon in SF since the pandemic. At Assemble, ',
118 |   AT_ASSEMBLE: ' three key perks for in-person hackathons were released.',
119 |   GET_500:
120 |     'Get a $500 grant once you have a venue for your hackathon, provided by Hack Club Bank in partnership with FIRST.',
121 |   BANK_FREE:
122 |     "This semester, run your hackathon on Hack Club Bank for free. All the money you raise goes directly towards your hackathon. When you join Hack Club Bank, you'll have access to a suite of free tools including debit cards, a domain name, Google Workspace, stickers, and more.",
123 |   HACKATHON_LISTED:
124 |     'In partnership with FIRST, get your hackathon listed on the front page of Google and emailed to high school hackers in your area.'
125 | }
126 | 


--------------------------------------------------------------------------------
/translations/pt-BR.js:
--------------------------------------------------------------------------------
  1 | export const messageObject = {
  2 |   CONTACT_EMAIL: 'brasil@hackclub.com',
  3 |   CONTACT_MESSAGE:
  4 |     'Por favor não hesite em entrar em contato. Você pode nos enviar um e-mail em',
  5 |   APPLICATION_STATUS_MESSAGE: 'Sua inscrição para o Hack Club está',
  6 |   APPLICATION_STATUS_MESSAGE_APPENDED_IS: '',
  7 |   APPLICATION_STATUS_MESSAGE_APPENDED_HAS_BEEN: '',
  8 |   IN_PROGRESS: 'em progresso.',
  9 |   READY: 'pronta para enviar!',
 10 |   YOUR_CLUB: 'Seu Clube',
 11 |   MY_PERSONAL_PROFILE: 'Meu Perfil Pessoal',
 12 |   LEADERS: 'Líderes',
 13 |   GUIDE_FOR_SELECTING_TEAM:
 14 |     'Você pode ler nosso guia de como escolher sua equipe',
 15 |   HERE: 'aqui',
 16 |   TEACHER_SPONSOR: 'Seu professor não precisa preencher um perfil.',
 17 |   NEW_CO_LEADER_EMAIL: 'Endereço de e-mail do novo co-líder',
 18 |   SEND_INVITE: 'Enviar convite',
 19 |   SUBMIT_YOUR_APPLICATION: 'Enviar sua inscrição',
 20 |   LOGOUT: 'Deslogar',
 21 |   INVITED: 'Convidamos!',
 22 |   ERROR: 'Erro! Por favor, tente novamente!',
 23 |   INVALID_EMAIL_ADDRESS: 'Endereço de e-mail inválido',
 24 |   ARE_YOU_SURE_REMOVE_AS_A_TEAM_MEMBER:
 25 |     'Você tem certeza que deseja remover este membro de sua equipe?',
 26 |   SUBMITTED: 'submetida!',
 27 |   REMOVED: 'Membro removido!',
 28 |   WELCOME_TITLE: 'Bem-vindo',
 29 |   WELCOME_SUBTITLE:
 30 |     'Mal podemos esperar para receber sua inscrição. Vamos logar você!',
 31 |   ENTER_YOUR_EMAIL_LABEL: 'Insira seu e-mail:',
 32 |   WE_JUST_SENT_A_LOGIN_URL:
 33 |     'Nós acabamos de enviar um URL de login para seu e-mail.',
 34 |   SENDING: 'Enviando email!',
 35 |   CONTINUE: 'Continuar',
 36 |   EMAIL: 'Endereço de e-mail',
 37 |   APPLY: 'Inscrição',
 38 |   LEADER: 'Líder',
 39 |   CLUB: 'Clube',
 40 |   SAVED: 'Salvo!',
 41 |   SAVE: 'Salvar alterações',
 42 |   GO_BACK: 'Salvar e voltar',
 43 |   OPTIONAL: 'opcional',
 44 |   SELECT_ONE: 'Selecione Um',
 45 |   AIM_FOR_BETWEEN: 'Tente utilizar por volta de',
 46 |   AND: 'a',
 47 |   WORDS: 'palavras',
 48 |   WORD: 'palavra',
 49 |   SO_FAR: 'até aqui',
 50 |   ARE_YOU_SURE_YOU_WANT_TO_SAVE:
 51 |     'Você gostaria de salvar? Clique em Cancelar para pular o salvamento.',
 52 |   FYI_WE_DONT_ACCEPT_FROM_UNI_AND_TEACHERS:
 53 |     'FYI: não aceitamos inscrições do Hack Club de universidades ou de professores',
 54 |   COMPLETE_THE: `Complete em`,
 55 |   '5_MINUTE_LEADER': '~5 minutos o perfil do líder',
 56 |   GET_TO_KNOW_YOU: ' para que possamos conhecer você e seus objetivos.',
 57 |   FILL_OUT_THE: 'Complete em',
 58 |   '5_MINUTE_CLUB': '~5 minutos o perfil com informações sobre o clube',
 59 |   PERSONALIZE_CLUB: 'para que possamos personalizar a sua experiência.',
 60 |   WAIT_24_HOURS:
 61 |     'Espere 24 horas úteis por uma decisão nossa, para então podermos bater',
 62 |   '30_MINUTE_CHAT': 'um papo de 30 minutos',
 63 |   PLAN_OUT_NEXT_YEAR: 'para te conhecer melhor!',
 64 |   FIRST_MEETING:
 65 |     'Tenha seu primeiro encontro do Hack Club na sua escola, com vários de nossos adesivos e benefícios hacker!',
 66 |   LETS_GET_TO_KNOW_YOU: 'Vamos conhecer você!',
 67 |   CONTACT_MESSAGE_FRONT:
 68 |     'Estamos aqui para você! Se precisar de ajuda, envie um e-mail para',
 69 |   CONTACT_MESSAGE_BACK: 'e vamos responder assim que possível (em dias úteis)',
 70 |   HOME: 'Início',
 71 |   LEADER_PROFILE: 'Perfil do Líder',
 72 |   YOUR_CLUB: 'Seu Clube',
 73 |   REVIEW: 'Revisar',
 74 |   STATUS: 'Status',
 75 |   LEARN_MORE_ABOUT_YOU:
 76 |     'Nós queremos saber mais de você e o que você deseja com seu clube para que possamos te ajudar! Iniciar um Hack Club é permitido a todos que são estudantes de Ensino Médio — e aqui vai o que você precisa fazer.',
 77 |   INVITE_COLEADS:
 78 |     'Convide seus co-líderes para preencher o formulário com você.',
 79 |   YOUR_APPLICATION: 'Sua inscrição',
 80 |   IS_BEING_REVIEWED: 'está sendo analisada.',
 81 |   REJECTED: 'não foi aceita!',
 82 |   ACCEPTED: 'foi aceita!',
 83 |   PROCESSING: 'status está processando...',
 84 |   EYE_ON_EMAIL:
 85 |     'Fique de olho no seu e-mail! Entraremos em contato em 24-48 horas para informá-lo.',
 86 |   WHILE_YOU_WAIT:
 87 |     'Aqui vão algumas coisas que você pode dar uma olhada enquanto espera!',
 88 |   ZEPHYR_DETAILS:
 89 |     'Nas férias de 2021, Hack Club organizou uma expedição de trem ao redor dos Estados Unidos. O Hacker Zephyr foi o maior hackathon em terra, uma viagem de 5636 quilômetros do escritório do Hack Club em Burlington, Vermont, até o SpaceX em San Francisco, California.',
 90 |   SLACK_DETAILS_FRONT: 'Confira o',
 91 |   SLACK_DETAILS_MIDDLE: 'Slack do Hack Club',
 92 |   SLACK_DETAILS_END: 'com mais de 16.000 membros ao redor do mundo!',
 93 |   PLEASE_REACH_OUT_REJECTION:
 94 |     'Por favor envie um e-mail para clubs@hackclub.com para mais informações a respeito de seu status de inscrição.',
 95 |   EXCITED_TO_HAVE_YOU:
 96 |     'Nós estamos muito animados de ter você na comunidade do Hack Club!',
 97 |   SCHEDULED_ONBOARDING: 'Agendamos sua integração com',
 98 |   CHECK_YOUR_EMAIL_ONBOARDING:
 99 |     'Verifique seu e-mail para mais informações. Venha preparado para falar sobre seu clube e suas metas para o ano seguinte!',
100 |   COMPLETE_MESSAGE:
101 |     'Parabéns por concluir a integração do seu clube! Agora, o clube é o que você faz dele. Você receberá uma ligação de check-in em um mês a partir da sua integração, envie seu e-mail para obter mais informações. Estamos ansiosos para colocar seu clube em funcionamento!',
102 |   PROUDLY_OPEN_SOURCE: 'Open Source com orgulho',
103 |   HACK_CLUB_CODE_OF_CONDUCT: 'Código de Conduta do Hack Club',
104 |   THE_TEAM_AGREES: 'A equipe concorda com o',
105 |   ANSWER_QUESTIONS_PERSONALIZE:
106 |     'Você pode preencher sua inscrição tanto em português quanto em inglês! :)',
107 |   UP_AND_RUNNING: 'Vamos tornar o seu clube realidade!',
108 |   YOUVE_SUBMITTED: 'Você enviou!',
109 |   CHECK_CLUB_STATUS: 'Confira o status do seu clube.',
110 |   LETS_REVIEW_EVERYTHING: 'Vamos rever tudo até agora.',
111 |   ARE_YOU_SURE: 'Tem certeza?',
112 |   LOOKS_GOOD: 'Parece bom',
113 |   PHONE_NUMBER: 'Número de telefone',
114 |   IS_INCOMPLETE: 'está incompleto. Redirecionando...',
115 |   CODE_OF_CONDUCT: 'Código de Conduta',
116 |   OVER_150: 'Mais de 150 Hack Clubbers reunidos em',
117 |   ASSEMBLE: ' Assemble ',
118 |   FOR_THE_FIRST:
119 |     'para o primeiro hackathon presencial em SF desde a pandemia. Na Montagem, ',
120 |   AT_ASSEMBLE:
121 |     ' três vantagens principais para hackathons presenciais foram lançadas.',
122 |   GET_500:
123 |     'Receba uma doação de US $ 500 assim que tiver um local para seu hackathon, fornecido pelo Hack Club Bank em parceria com o FIRST.',
124 |   BANK_FREE:
125 |     'Este semestre, faça seu hackathon no Hack Club Bank gratuitamente. Todo o dinheiro que você arrecadar vai diretamente para o seu hackathon. Ao ingressar no Hack Club Bank, você terá acesso a um conjunto de ferramentas gratuitas, incluindo cartões de débito, nome de domínio, Google Workspace, adesivos e muito mais.',
126 |   HACKATHON_LISTED:
127 |     'Em parceria com a FIRST, faça com que seu hackathon seja listado na primeira página do Google e enviado por e-mail para hackers do ensino médio em sua área.'
128 | }
129 | 


--------------------------------------------------------------------------------