=> {\n if (loading || signInAttempt) {\n return;\n }\n setLoading(true);\n setSignInAttempt(true);\n\n const authToken = await getAccessTokenSilently();\n\n if (authToken === undefined) {\n setLoading(false);\n return;\n }\n\n const config = {\n headers: {\n Authorization: `Bearer ${authToken}`,\n },\n };\n axios\n .get(\n (process.env.REACT_APP_CLOUD_FUNCTION_URL as string) + endpoint,\n config\n )\n .then((res) => {\n setIsAuth(true);\n\n setUrl(\n \"https://acmutd.typeform.com/to/\" +\n typeform_id +\n \"#\" +\n new URLSearchParams(res.data).toString()\n );\n setLoading(false);\n })\n .catch((err) => {\n Sentry.captureException(err);\n setIsAuth(false);\n setLoading(false);\n });\n };\n load_data();\n }, [endpoint, getAccessTokenSilently, loading, signInAttempt, typeform_id]);\n\n useEffect(() => {\n if (isLoading || user_profile.exists || user_profile.isLoading) {\n return;\n }\n if (isAuthenticated) {\n history.push(\"/newprofile\");\n }\n }, [isLoading, isAuthenticated, user_profile, history]);\n\n if (loading) {\n return \n \n (window.location.href = \"https://www.acmutd.co/\")}\n />\n \n \n {/*Applications */}\n Profile \n Calendar \n \n Logout\n \n \n \n );\n};\n\nconst LogoComponent = styled.div`\n img {\n height: 64px;\n float: left;\n padding: 10px;\n }\n`;\n\nexport default DarkNavbar;\n","import React, { useEffect } from \"react\";\nimport { Layout, Card } from \"antd\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Navbar from \"../../components/Navbar/DarkNavbar\";\nimport { useHistory } from \"react-router-dom\";\nimport \"./Applications.css\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\nimport { useRecoilValue } from \"recoil\";\nimport { profile } from \"../../api/state\";\nimport Button from \"../../components/OrangeButton/OrangeButton\";\nconst { Content } = Layout;\n\nconst currApps = [\n {\n name: \"Technical Interview Prep Program Application\",\n link: \"/tip\",\n extra: \"https://www.acmutd.co/education\",\n description: (\n \n Trying to land an internship? Most tech companies have{\" \"}\n both behavioral and technical interviews . Our technical\n interview prep program will prepare you for both and help you{\" \"}\n nail your next interview ! We are piloting the program\n this Spring with a small cohort. The program consists of three parts\n every week, one of which is weekly workshops on Thursdays from 8:30-10pm\n CST.\n
\n ),\n },\n {\n name: \"Education Officer Application\",\n link: \"https://apply.acmutd.co/education\",\n extra: \"https://www.acmutd.co/education\",\n description: (\n \n Want to gain leadership experience, give back to the community, and\n become more involved with ACM? Become an{\" \"}\n ACM Education Officer ! ACM Education runs the Mentor\n program, Technical Interview Prep, and various technical workshops\n throughout the semester. We are looking for creative individuals who are\n passionate about CS, understand the logistics of event planning, work\n well in a team, and want to lend a hand to the community!\n
\n ),\n },\n {\n name: \"Development Officer Application\",\n link: \"/developer\",\n extra: \"https://github.com/acmutd\",\n description: (\n \n ACM Development provides students a platform to follow their passion in\n developing the next generation of software that{\" \"}\n powers our community to new heights. Using advanced\n cutting edge new technology, we seek to deliver{\" \"}\n innovative solutions to simplify and accelerate student\n growth and engagement within ACM. If you are interested in building\n applications like this portal and the several others then fill out our\n application!\n
\n ),\n },\n {\n name: \"Media Officer Application\",\n link: \"/media\",\n description: (\n \n ACM Media is our newest creative team behind all the marketing and\n design responsibilities that encompass ACM at UTD. We're building a team\n of talented designers and marketing specialists to help conduct\n marketing campaigns and maximize attendance. Join us to help shape the\n brand and identity of the ACM organization!\n
\n ),\n },\n {\n name: \"Win $30!\",\n link: \"/survey\",\n description: (\n \n Fill out the ACM Participation Survey so that we can help better support\n you with improved opportunities at ACM! This survey will cover questions\n about all the various divisions in ACM. By filling out this survey you\n will be entered in a raffle to win $30 !!! Your feedback\n about events at ACM will be taken into consideration and if you have\n more to share feel free to engage with us on Discord!\n
\n ),\n },\n];\n\nconst Applications = () => {\n const { isLoading, isAuthenticated } = useAuth0();\n const user_profile = useRecoilValue(profile);\n const history = useHistory();\n\n useEffect(() => {\n if (isLoading || user_profile.exists || user_profile.isLoading) {\n return;\n }\n if (isAuthenticated) {\n history.push(\"/newprofile\");\n }\n }, [isLoading, isAuthenticated, user_profile, history]);\n\n const linkRedirect = (link: string) => {\n if (link.includes(\"http\")) {\n window.location.href = link;\n } else history.push(link);\n };\n\n const cardApps = currApps.map((app, index) => (\n \n \n {app.description}\n \n linkRedirect(app.link)} />\n {app.extra && (\n linkRedirect(app.extra)} />\n )}\n
\n \n \n ));\n\n return (\n \n \n \n {cardApps}\n \n \n \n );\n};\n\nexport default Applications;\n","import React, { useEffect } from \"react\";\nimport { Tabs, Layout } from \"antd\";\nimport Navbar from \"../../components/Navbar/DarkNavbar\";\nimport \"./Profile.css\";\nimport Button from \"../../components/OrangeButton/OrangeButton\";\nimport { profile } from \"../../api/state\";\nimport { useRecoilValue } from \"recoil\";\nimport { useHistory } from \"react-router-dom\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\nconst { Content } = Layout;\nconst { TabPane } = Tabs;\n\nconst Profile = () => {\n const history = useHistory();\n const user_profile = useRecoilValue(profile);\n const { isLoading, isAuthenticated } = useAuth0();\n\n useEffect(() => {\n if (isLoading || user_profile.exists || user_profile.isLoading) {\n return;\n }\n if (isAuthenticated) {\n history.push(\"/newprofile\");\n }\n }, [isLoading, isAuthenticated, user_profile, history]);\n\n return (\n \n \n \n \n Event History: \n {user_profile.profile?.past_events ? (\n user_profile.profile.past_events\n .map((event) => (\n \n
{event.name} \n \n | \n {new Date(event.submitted_at).toDateString()}\n \n \n ))\n .reverse()\n ) : (\n No events attended yet.
\n )}\n \n \n Submitted Applications: \n \n Note: If you recently submitted an application, it may take a\n short period of time before appearing\n
\n {user_profile.profile?.past_applications ? (\n user_profile.profile.past_applications\n .map((app) => (\n \n
{app.name} \n \n | \n {new Date(app.submitted_at).toDateString()}\n \n \n ))\n .reverse()\n ) : (\n No applications submitted yet.
\n )}\n \n \n Quick Links: \n \n \n \n ACM Discord\n \n \n \n \n ACM Facebook\n \n \n \n \n ACM Instagram\n \n \n \n \n ACM LinkedIn\n \n \n \n \n ACM Website\n \n \n \n \n {/*\n Content 3\n */}\n \n \n Your Profile Data:{\" \"}\n \n \n Email: {user_profile.profile?.email}\n
\n \n Name: {user_profile.profile?.first_name}{\" \"}\n {user_profile.profile?.last_name}\n
\n \n NetID: {user_profile.profile?.net_id}\n
\n \n Major: {user_profile.profile?.major}\n
\n \n University: {user_profile.profile?.university}\n
\n \n Classification: {\" \"}\n {user_profile.profile?.classification}\n
\n \n \n \n \n );\n};\n\nexport default Profile;\n\n/* const data = [\n {\n title: \"Ant Design Title 1\",\n },\n {\n title: \"Ant Design Title 2\",\n },\n {\n title: \"Ant Design Title 3\",\n },\n {\n title: \"Ant Design Title 4\",\n },\n]; */\n","import React, { useEffect } from \"react\";\nimport Message from \"./GenericMessage\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\nimport { jwt } from \"../../api/state\";\nimport { useRecoilState } from \"recoil\";\nimport * as Sentry from \"@sentry/react\";\n\nconst Welcome = () => {\n const { isLoading, isAuthenticated, getAccessTokenSilently, user } = useAuth0();\n const [token, setToken] = useRecoilState(jwt);\n\n useEffect(() => {\n const fn = async () => {\n if (isAuthenticated && !token.isSet) {\n setToken({ token: await getAccessTokenSilently(), isSet: true });\n Sentry.setUser({\n email: user.email,\n id: user.sub,\n });\n }\n };\n fn();\n }, [isLoading, isAuthenticated, token, getAccessTokenSilently, setToken, user]);\n\n return (\n \n \n
\n
Logout in Progress... \n
\n
\n );\n};\n\nconst LogoutComponent = styled.div`\n .container {\n display: flex;\n background-color: black;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100vh;\n }\n .acm-logo {\n width: 20%;\n }\n .text {\n color: white;\n margin: 30px;\n font-family: ;\n }\n .retry-button {\n outline: none;\n border: 1px solid transparent;\n margin: 0px;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px 0px;\n padding: 8px 18px;\n min-height: 48px;\n background-color: rgb(243, 126, 3);\n color: rgb(255, 255, 255);\n border-radius: 4px;\n font-size: 20px;\n }\n .retry-button:hover {\n background-color: rgb(247, 152, 52);\n }\n`;\n\nexport default Logout;\n","/*\n * General utils for managing cookies in Typescript.\n * Copied off of a gist attached to stack overflow & it works pretty well\n */\nexport function setCookie(name: string, val: string) {\n const date = new Date();\n const value = val;\n\n // Set it expire in 7 days\n date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000));\n\n // Set it\n document.cookie = name+\"=\"+value+\"; expires=\"+date.toUTCString()+\"; path=/\";\n}\n\nexport function getCookie(name: string) {\n const value = \"; \" + document.cookie;\n const parts = value.split(\"; \" + name + \"=\");\n \n if (parts.length === 2) {\n //@ts-ignore\n return parts.pop().split(\";\").shift();\n }\n}\n\nexport function deleteCookie(name: string) {\n const date = new Date();\n\n // Set it expire in -1 days\n date.setTime(date.getTime() + (-1 * 24 * 60 * 60 * 1000));\n\n // Set it\n document.cookie = name+\"=; expires=\"+date.toUTCString()+\"; path=/\";\n}","import React from \"react\";\nimport { Layout, Calendar, Badge } from \"antd\";\nimport Navbar from \"../../components/Navbar/DarkNavbar\";\nimport \"./Calendar.css\";\n\ninterface calendarEvent {\n color: string;\n content: string;\n link?: string;\n}\n\nconst CalendarPage = () => {\n const getListData = (value: any) => {\n let listData: calendarEvent[] = [];\n switch (value.year()) {\n case 2021:\n switch (value.month()) {\n case 0:\n switch (value.date()) {\n case 29:\n listData = [\n {\n color: \"orange\",\n content: \"ACM Spring Kickoff\",\n link: \"https://acmutd.co\",\n },\n ];\n break;\n default:\n }\n break;\n case 1:\n switch (value.date()) {\n case 11:\n listData = [\n {\n color: \"green\",\n content: \"Intern Fair Prep\",\n link: \"https://acmutd.co\",\n },\n ];\n break;\n case 12:\n listData = [\n {\n color: \"purple\",\n content: \"Fireside Talks with ACM Development\",\n link: \"https://github.com/acmutd\",\n },\n ];\n break;\n case 24:\n listData = [\n {\n color: \"green\",\n content: \"Hacking the Hackathon\",\n link: \"https://acmutd.co\",\n },\n ];\n break;\n default:\n }\n break;\n case 2:\n switch (value.date()) {\n case 5:\n listData = [\n {\n color: \"purple\",\n content: \"Fireside Talks with ACM Development\",\n link: \"https://github.com/acmutd\",\n },\n ];\n break;\n case 26:\n listData = [\n {\n color: \"purple\",\n content: \"Fireside Talks with ACM Development\",\n link: \"https://github.com/acmutd\",\n },\n ];\n break;\n default:\n }\n break;\n case 3:\n switch (value.date()) {\n case 16:\n listData = [\n {\n color: \"purple\",\n content: \"Fireside Talks with ACM Development\",\n link: \"https://github.com/acmutd\",\n },\n ];\n break;\n case 28:\n listData = [\n {\n color: \"blue\",\n content: \"Projects Presentation Night\",\n link: \"https://github.com/acmutd\",\n },\n ];\n break;\n default:\n }\n break;\n default:\n }\n break;\n default:\n }\n return listData || [];\n };\n\n const dateCellRender = (value: any) => {\n const listData = getListData(value) as calendarEvent[];\n return (\n \n {listData.map((item: any) => (\n
\n \n \n \n ))}\n
\n \n ACM Fall Kickoff \n
\n ) : null;\n };\n\n return (\n \n \n );\n};\n\nexport default CalendarPage;\n","import React, { useEffect, useState } from \"react\";\nimport Message from \"./GenericMessage\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\nimport { jwt } from \"../../api/state\";\nimport { useRecoilState } from \"recoil\";\nimport axios from \"axios\";\n\nconst EventPage = () => {\n const { isLoading, isAuthenticated, getAccessTokenSilently } = useAuth0();\n const [token, setToken] = useRecoilState(jwt);\n const [apiComplete, setApiComplete] = useState(false);\n const [event, setEvent] = useState(\"\");\n\n useEffect(() => {\n const fn = async () => {\n if (isAuthenticated && !token.isSet) {\n setToken({ token: await getAccessTokenSilently(), isSet: true });\n }\n };\n fn();\n }, [isLoading, isAuthenticated, token, setToken, getAccessTokenSilently]);\n\n useEffect(() => {\n const fn = async () => {\n const config = {\n headers: {\n Authorization: `Bearer ${await getAccessTokenSilently()}`,\n },\n };\n const result = await axios.get(\n (process.env.REACT_APP_CLOUD_FUNCTION_URL as string) +\n \"/auth0/checkin\" +\n \"?checkpath=\" +\n window.location.pathname,\n config\n );\n setApiComplete(true);\n setEvent(result.data.event_name);\n };\n fn();\n }, [getAccessTokenSilently]);\n\n return (\n \n
\n \n \n \n
\n \n \n \n \n \n \n \n \n ,\n document.getElementById(\"root\")\n);\n"],"sourceRoot":""}