\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Video;\r\n","import './styles/icon_button.scss';\r\nimport React, { useState } from 'react';\r\nimport { animations } from 'react-animation';\r\nimport { Link } from 'react-router-dom';\r\n\r\nfunction IconButton({\r\n altText,\r\n iconSrc,\r\n iconInnerText,\r\n innerText,\r\n linkIncluded,\r\n termsLink,\r\n linkText,\r\n}) {\r\n const [showOptions, setShowOptions] = useState(false);\r\n const toggleOptions = () => {\r\n setShowOptions(!showOptions);\r\n };\r\n return (\r\n \r\n \r\n \r\n
\r\n {'Add TCU Spirit to your Event!'}
\r\n\r\n {\r\n 'Request SuperFrog, TCU Cheerleaders, & Showgirls to your wedding, grad party, and more!'\r\n }\r\n
\r\n\r\n \r\n {showOptions ? (\r\n
\r\n );\r\n}\r\n\r\nexport default IconButton;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { HideUntilLoaded } from 'react-animation';\r\nimport './styles/home.scss';\r\nimport SuperFrogVideo from '../library/resources/SuperFrogLooping.mp4';\r\nimport RequestingIcon from '../library/images/svg/calendar-icon.svg';\r\nimport RangeIcon from '../library/images/svg/range-icon.svg';\r\nimport PriceIcon from '../library/images/svg/price-icon.svg';\r\nimport WeddingImage from '../library/images/superfrogWedding.jpg';\r\nimport WeddingImageSmall from '../library/images/superfrog-wedding-small.jpg';\r\nimport SuperFrogPoster from '../library/images/looping-campus-video-poster.png';\r\nimport Video from './Video';\r\nimport IconButton from './IconButton';\r\n\r\nconst Home = () => {\r\n const [data, setState] = useState({\r\n icons: [\r\n {\r\n id: '1',\r\n altText: 'Pricing Information',\r\n iconSrc: PriceIcon,\r\n iconInnerText: 'Pricing',\r\n innerText:\r\n 'ALL appearances are paid. Prices are based on a 1 hour appearance; additional fees may apply if more than one hour. SuperFrog, Showgirls, and Cheerleaders are individually priced. Payment must be made after receiving an appearance request approval email, and a minimum of 24 hours prior to the event or it will be canceled.',\r\n linkIncluded: true,\r\n termsLink: '/terms-conditions',\r\n linkText: 'View Pricing',\r\n },\r\n {\r\n id: '2',\r\n altText: 'Range Information',\r\n iconSrc: RangeIcon,\r\n iconInnerText: 'Range',\r\n innerText:\r\n 'We only service requests that are within 100 mile radius from Amon G. Carter Stadium.',\r\n linkIncluded: false,\r\n termsLink: '',\r\n linkText: '',\r\n },\r\n {\r\n id: '3',\r\n altText: 'Requesting Information',\r\n iconSrc: RequestingIcon,\r\n iconInnerText: 'Request',\r\n innerText:\r\n 'Request TCU Spirit from a calendar of available dates. Requests must be submitted at least 14 days prior to event date to be considered. Submission of a request does not guarantee the event will be accepted. TCU Spirit has until 5 days prior the date of the event to accept or decline a request.',\r\n linkIncluded: true,\r\n termsLink: '/request',\r\n linkText: 'Request Now!',\r\n },\r\n ],\r\n hasTouchScreen: false,\r\n });\r\n\r\n useEffect(() => {\r\n const isTouchScreen = () => {\r\n let hasTouchScreen = false;\r\n if ('maxTouchPoints' in navigator) {\r\n hasTouchScreen = navigator.maxTouchPoints > 0;\r\n setState((prevState) => ({ ...prevState, hasTouchScreen: hasTouchScreen }));\r\n } else if ('msMaxTouchPoints' in navigator) {\r\n hasTouchScreen = navigator.msMaxTouchPoints > 0;\r\n setState((prevState) => ({ ...prevState, hasTouchScreen: hasTouchScreen }));\r\n } else {\r\n let mQ = window.matchMedia && matchMedia('(pointer:coarse)');\r\n if (mQ && mQ.media === '(pointer:coarse)') {\r\n hasTouchScreen = !!mQ.matches;\r\n setState((prevState) => ({ ...prevState, hasTouchScreen: hasTouchScreen }));\r\n return;\r\n } else if ('orientation' in window) {\r\n hasTouchScreen = true; // deprecated, but good fallback\r\n setState((prevState) => ({ ...prevState, hasTouchScreen: hasTouchScreen }));\r\n return;\r\n } else {\r\n // Only as a last resort, fall back to user agent sniffing\r\n let UA = navigator.userAgent;\r\n hasTouchScreen =\r\n /\\b(BlackBerry|webOS|iPhone|IEMobile)\\b/i.test(UA) ||\r\n /\\b(Android|Windows Phone|iPad|iPod)\\b/i.test(UA);\r\n setState((prevState) => ({ ...prevState, hasTouchScreen: hasTouchScreen }));\r\n return;\r\n }\r\n }\r\n setState((prevState) => ({ ...prevState, hasTouchScreen: hasTouchScreen }));\r\n };\r\n isTouchScreen();\r\n }, []);\r\n\r\n const imgSrc = data.hasTouchScreen ? WeddingImageSmall : WeddingImage;\r\n return (\r\n \r\n {innerText}{' '}\r\n {linkIncluded ? (\r\n \r\n {linkText}\r\n \r\n ) : null}\r\n
\r\n ) : null}\r\n \r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default ReviewRequest;\r\n","import React, { useEffect } from 'react';\r\n\r\nfunction Success() {\r\n useEffect(() => {\r\n window.scrollTo(0, 0);\r\n });\r\n return (\r\n Review your order
\r\n\r\n
\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n {'Date & Time'}
\r\n| Event Date | \r\n{formatDate(data.eventDate)} | \r\n
| Start Time | \r\n{removeLeadingZero(data.startTime)} | \r\n
| End Time | \r\n{removeLeadingZero(data.endTime)} | \r\n
\r\n \r\n \r\n
\r\n
\r\n {'Features'}
\r\n| SuperFrog | \r\n{data.addSuperFrog ? 'Yes' : 'No'} | \r\n
| {`Cheerleading Team Size`} | \r\n{cheerleadersSize.value} | \r\n
| {`Cheerleading Team Size`} | \r\nNone | \r\n
| {`Showgirls Team Size`} | \r\n{showgirlsSize.value} | \r\n
| {`Showgirls Team Size`} | \r\nNone | \r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n Event Information
\r\n| Event Name | \r\n{data.eventName} | \r\n
| Organization | \r\n{data.eventOrganization} | \r\n
| Event Type | \r\n{eventTypeValue.value} | \r\n
| Any expenses or benefits to the spirit team members | \r\n{data.expensesOrBenefits} | \r\n
| Outside organizations | \r\n{data.otherOrganizations} | \r\n
| Description of Event | \r\n{data.eventDescription} | \r\n
| Event Location | \r\n{data.eventLocation} | \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n Customer Information
\r\n| Name: | \r\n{`${data['customer.firstName']} ${data['customer.lastName']}`} | \r\n
| Phone: | \r\n{data['customer.phoneNumber']} | \r\n
| Email: | \r\n{data['customer.email']} | \r\n
\r\n \r\n \r\n
\r\n
\r\n Total Cost
\r\n| \r\n {totalHours === 0\r\n ? `Super Frog Flat Rate: $${costOfSuperFrog}`\r\n : `Super Frog ($${costOfSuperFrog}.00) x ${totalHours}/hr`}\r\n | \r\n
| \r\n {totalHours === 0\r\n ? `Cheerleaders Hour Rate: $${costOfCheerleaders}`\r\n : `Cheerleaders ($${costOfCheerleaders}.00) x ${totalHours}/hr `}\r\n | \r\n
| \r\n {totalHours === 0\r\n ? `Showgirls Hourly Rate: $${costOfShowgirls} `\r\n : `Showgirls ($${costOfShowgirls}.00) x ${totalHours}/hr `}\r\n | \r\n
| {`Mileage Cost: ${milesNum} X ${mileageRate}`} | \r\n
| {`Total Cost: $${totalCost}`} | \r\n
\r\n {' '}\r\n {' '}\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Success;\r\n","import { withFormsy } from 'formsy-react';\r\nimport React, { useRef, forwardRef, useImperativeHandle } from 'react';\r\n\r\nconst Input = (\r\n {\r\n setValue,\r\n getErrorMessage,\r\n showRequired,\r\n name,\r\n title,\r\n className,\r\n type,\r\n getValue,\r\n placeholder,\r\n spellCheck,\r\n autoCorrect,\r\n autoComplete,\r\n autoCapitalize,\r\n isPristine,\r\n },\r\n ref\r\n) => {\r\n const changeValue = (event) => {\r\n // setValue() will set the value of the component, which in\r\n // turn will validate it and the rest of the form\r\n // Important: Don't skip this step. This pattern is required\r\n // for Formsy to work.\r\n setValue(event.currentTarget.value);\r\n };\r\n\r\n const inputRef = useRef(null);\r\n\r\n useImperativeHandle(ref, () => ({\r\n /**\r\n * Adds focus to that form input.\r\n */\r\n handleFocus: () => {\r\n if (inputRef) {\r\n inputRef.current.focus();\r\n }\r\n },\r\n }));\r\n\r\n // An error message is returned only if the component is invalid\r\n const errorMessage = getErrorMessage();\r\n const requiredMessage = showRequired() ? 'Required field' : '';\r\n\r\n return (\r\n Thank you for submitting a request for TCU Spirit.
\r\nPlease check your e-mail for important information.
\r\n{errorMessage}
\r\n ) : null}\r\n\r\n {!isPristine() && requiredMessage ? (\r\n {requiredMessage}
\r\n ) : null}\r\n \r\n event.allDay}\r\n startAccessor={(event) => moment(event.start).toDate()}\r\n endAccessor={(event) => moment(event.end).toDate()}\r\n titleAccessor={(event) => event.title}\r\n views={views}\r\n popup={true}\r\n onSelectSlot={handleSelect}\r\n onSelectEvent={handleSelectEvent || false}\r\n onDrillDown={handleDrillDown}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default MyCalendar;\r\n","import React from 'react';\r\nimport { animations } from 'react-animation';\r\n\r\nconst CalendarPopup = (props) => {\r\n const { title, start, end, allDay, handleClick } = props;\r\n let options = {\r\n hour: '2-digit',\r\n minute: '2-digit',\r\n };\r\n return (\r\n \r\n \r\n X | Close\r\n \r\n \r\n {`${new Date(start).toLocaleTimeString('en-US', options)} - ${new Date(\r\n end\r\n ).toLocaleTimeString('en-US', options)}`}\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CalendarPopup;\r\n","import './styles/Loading.scss';\r\nimport React from 'react';\r\n\r\nconst Loading = () => {\r\n return ;\r\n};\r\nexport default Loading;\r\n","import './styles/form.scss';\r\nimport React, { useState, useRef } from 'react';\r\nimport Formsy from 'formsy-react';\r\nimport { addValidationRule } from 'formsy-react';\r\nimport Input from './Input';\r\nimport InputTime from './InputTime';\r\nimport Button from './Button';\r\nimport MyCalendar from './MyCalendar';\r\nimport CalendarPopup from './CalendarPopup';\r\nimport { formatDateFront } from './Utilities';\r\nimport Loading from './Loading';\r\nimport 'date-input-polyfill';\r\nimport { Link } from 'react-router-dom';\r\n\r\nfunction CalendarTime({\r\n saveValueToState,\r\n nextStep,\r\n invalidEndTime,\r\n invalidDateTime,\r\n data,\r\n scheduledEvents,\r\n isGame,\r\n blackoutsLoading,\r\n scheduledEventsLoading,\r\n}) {\r\n const [canSubmit, setCanSubmit] = useState(false);\r\n const [eventDetails, handleEventDetails] = useState({\r\n title: '',\r\n start: '',\r\n end: '',\r\n allDay: '',\r\n });\r\n const [open, setOpen] = useState({ isOpen: false });\r\n const childRef = useRef(null);\r\n /**\r\n * Easily navigate to the next step.\r\n */\r\n const forward = (data) => {\r\n saveValueToState(data);\r\n nextStep();\r\n };\r\n\r\n /**\r\n * Disable our continue button\r\n */\r\n const disableButton = () => {\r\n if (invalidDateTime || invalidEndTime) {\r\n setCanSubmit(false);\r\n }\r\n\r\n setCanSubmit(false);\r\n };\r\n\r\n /**\r\n * Enable our continue button\r\n */\r\n const enableButton = () => {\r\n if (!invalidEndTime || !invalidDateTime) {\r\n setCanSubmit(true);\r\n }\r\n };\r\n\r\n // Handles our popup window\r\n const handleSelectEvent = (event) => {\r\n setOpen({ isOpen: true });\r\n handleEventDetails({\r\n title: event.title,\r\n start: event.start,\r\n end: event.end,\r\n allDay: event.allDay,\r\n });\r\n };\r\n\r\n const handleClick = (event) => {\r\n const { name } = event.target;\r\n setOpen({\r\n [name]: false,\r\n });\r\n };\r\n\r\n /**\r\n * Validates timefields form fields.\r\n *\r\n * @param {String} subject The selected subject.\r\n * @param {String} course The selected course.\r\n */\r\n const validateRequiredFields = (startTime, endTime, eventDate) => {\r\n return {\r\n startTime: startTime === '12:00 AM',\r\n endTime: endTime === '12:00 AM',\r\n eventDate: eventDate === '',\r\n };\r\n };\r\n\r\n /**\r\n * Handles selection when user clicks a date\r\n */\r\n const handleSelect = ({ start }) => {\r\n const date = { eventDate: formatDateFront(start, 'YYYY-MM-DD') };\r\n saveValueToState(date);\r\n handleFocus();\r\n };\r\n\r\n /**\r\n * When you click on a number instead of a time slot\r\n * in the calendar.\r\n */\r\n const handleDrillDown = (date) => {\r\n const formattedDate = { eventDate: formatDateFront(date, 'YYYY-MM-DD') };\r\n saveValueToState(formattedDate);\r\n handleFocus();\r\n };\r\n\r\n // Adds focus to the eventDate field so\r\n // the user knows what's happening when they select a date\r\n // in the calendar\r\n const handleFocus = () => {\r\n if (childRef) {\r\n childRef.current.handleFocus();\r\n }\r\n };\r\n\r\n /**\r\n * Make sure user selects a date greater than 2 weeks from today\r\n */\r\n addValidationRule('greaterThanTwoWeeks', function (values, value) {\r\n const today = new Date();\r\n const twoWeeksOut = new Date(today.setDate(today.getDate() + 14));\r\n const selectedDate = new Date(`${value}T12:00`);\r\n\r\n return selectedDate > twoWeeksOut;\r\n });\r\n\r\n /**\r\n * Make sure user selects a date that is less than 3 months\r\n */\r\n addValidationRule('lessThanThreeMonths', function (values, value) {\r\n const today = new Date();\r\n const threeMonthsOut = new Date(today.setMonth(today.getMonth() + 3));\r\n const selectedDate = new Date(`${value}T12:00`);\r\n\r\n return selectedDate < threeMonthsOut;\r\n });\r\n\r\n const day = new Date(`${data.eventDate}T12:00`);\r\n const dayOfTheWeek = data.eventDate === '' ? 1 : day.getDay();\r\n\r\n /**\r\n * Since we are using Formsy we needed another way to make sure a user can not\r\n * continue if there was an error.\r\n *\r\n * So we first check if startTime, endTime or eventDate is empty since they are\r\n * required fields.\r\n */\r\n let errors = validateRequiredFields(data.startTime, data.endTime, data.eventDate);\r\n let isEnabled = false;\r\n if (!canSubmit) {\r\n isEnabled = false;\r\n } else if (Object.keys(errors).some((x) => errors[x]) || invalidEndTime || invalidDateTime) {\r\n isEnabled = false;\r\n } else {\r\n isEnabled = true;\r\n }\r\n\r\n return (\r\n {title}
\r\n \r\n {allDay ? (\r\n 'All day event'\r\n ) : (\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default CalendarTime;\r\n","import { withFormsy } from 'formsy-react';\r\nimport React from 'react';\r\n\r\nfunction CheckBox({ setValue, getErrorMessage, showRequired, title, name, getValue, isPristine }) {\r\n const changeValue = (event) => {\r\n // setValue() will set the value of the component, which in\r\n // turn will validate it and the rest of the form\r\n // Important: Don't skip this step. This pattern is required\r\n // for Formsy to work.\r\n setValue(event.target.checked);\r\n // setValue(event.currentTarget.value);\r\n };\r\n // An error message is returned only if the component is invalid\r\n const errorMessage = getErrorMessage();\r\n const requiredMessage = showRequired() ? `The ${title} field is required.` : '';\r\n return (\r\n Calendar & Available Dates
\r\n- \r\n
- \r\n Requests MUST be placed no later than 2 weeks prior to the appearance date, and\r\n no earlier than 3 months for consideration.\r\n \r\n
- \r\n Only requests within 100-mile radium from Amon G. Carter Stadium will be\r\n considered.\r\n \r\n
\r\n Read Full Pricing & Policies.\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n 1. Choose A Date
\r\n\r\n\r\n {scheduledEventsLoading || blackoutsLoading ?
\r\n\r\n \r\n {isGame ? (\r\n = scheduledDate &&\r\n validSelectedDate <= scheduledEndDate\r\n ) {\r\n return false;\r\n }\r\n }\r\n }\r\n\r\n return true;\r\n },\r\n }}\r\n validationErrors={{\r\n greaterThanTwoWeeks:\r\n 'Must select a date greater than two weeks. ',\r\n lessThanThreeMonths:\r\n 'Select date can not be greater than 3 months',\r\n isValidDate:\r\n 'TCU Spirit is unavailable for this date and time. Please try a different date and/or time.',\r\n }}\r\n />\r\n\r\n {invalidDateTime ? (\r\n \r\n {\r\n 'TCU Spirit is unavailable for this date and time. Please try a different date and/or time.'\r\n }\r\n \r\n ) : null}\r\n
\r\n \r\n DAY BEFORE GAME DAY – Rates are higher.\r\n
\r\n ) : null}\r\n\r\n \r\n
\r\n 2. Select A Time
\r\n\r\n This is the start and end time you’re requesting TCU Spirit to be ACTIVE\r\n at your event. See prices & terms linked above.\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n {errorMessage}
: null}\r\n\r\n {!isPristine() && requiredMessage ? (\r\n {requiredMessage}
\r\n ) : null}\r\n {errorMessage}
: null}\r\n\r\n {!isPristine() && requiredMessage ? (\r\n {requiredMessage}
\r\n ) : null}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Features;\r\n","export default __webpack_public_path__ + \"static/media/checked.88653514.svg\";","import './styles/Pagination.scss';\r\nimport CheckIcon from '../library/images/svg/checked.svg';\r\nimport React from 'react';\r\n\r\nconst Pagination = (props) => {\r\n const { step } = props;\r\n let total = 1;\r\n const stepTitles = [\r\n 'Select Date & Time',\r\n 'Chosen Feature',\r\n 'Complete Form',\r\n 'Policy Agreement',\r\n 'Review & Submit',\r\n ];\r\n\r\n return (\r\n Features
\r\n\r\n Read Full Pricing & Policies.\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n SuperFrog \r\n \r\n \r\n \r\n \r\n Cheerleaders \r\n \r\n \r\n \r\n \r\n Showgirls \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\nexport default Pagination;\r\n","import React from 'react';\r\n\r\nconst ReviewTable = (props) => {\r\n return (\r\n \r\n
- \r\n {stepTitles.map((title) => {\r\n const currentClassName = total === step ? '_progress' : '';\r\n const completeClassName = total < step ? '_complete' : '';\r\n total = total + 1;\r\n return (\r\n
- \r\n \r\n
\r\n
\r\n );\r\n })}\r\n
{errorMessage}
: null}\r\n\r\n {!isPristine() && requiredMessage ? (\r\n {requiredMessage}
\r\n ) : null}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LoadingIcon;\r\n","import React from 'react';\r\nimport { animations } from 'react-animation';\r\nimport Alert from 'react-bootstrap/Alert';\r\n\r\nconst SuccessMessage = ({ message }) => {\r\n return (\r\n Tell Us About Your Event
\r\n\r\n\r\n
\r\n \r\n \r\n \r\n Date \r\n {formatDate(data.eventDate)} \r\n \r\n \r\n Start Time \r\n {removeLeadingZero(data.startTime)} \r\n \r\n \r\n End Time \r\n {removeLeadingZero(data.endTime)} \r\n \r\n \r\n
\r\n Selected Date & Time
\r\n\r\n \r\n \r\n SuperFrog \r\n {data.addSuperFrog ? 'Yes' : 'No'} \r\n \r\n \r\n Cheerleaders \r\n {data.addCheerleaders ? 'Yes' : 'No'} \r\n \r\n {data.addCheerleaders === 'true' || data.addCheerleaders === true ? (\r\n \r\n {`Cheerleading Team Size`} \r\n {cheerleadersSize.value} \r\n \r\n ) : null}\r\n \r\n Showgirls \r\n {data.addShowgirls ? 'Yes' : 'No'} \r\n \r\n {data.addShowgirls === 'true' || data.addShowgirls === true ? (\r\n \r\n {`Showgirls Team Size`} \r\n {showgirlsSize.value} \r\n \r\n ) : null}\r\n \r\n
\r\n Chosen Features
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n Personal Contact Information
\r\n\r\n * Unless otherwise specified, the contact provided and their information\r\n will serve as our Spirit Squad member’s point-of-contact on the date of\r\n the event.\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n Event Information
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n On Campus?
\r\n\r\n {google.googleMapLoading ? this.validateLocation(e)}\r\n required\r\n />\r\n\r\n {google.onGoogleMapErr ? (\r\n \r\n {/* eslint-disable-next-line */}\r\n \r\n *Validate Location\r\n \r\n \r\n ) : null}\r\n\r\n
\r\n \r\n Validate if location is within 60-mile radius by entering\r\n the address and then clicking the "Validate\r\n Location" button.\r\n
\r\n\r\n * Appearances are only available in the DFW area. If more than 2\r\n miles from TCU, a $0.75 per mile transportation fee will be included\r\n in the appearance total.\r\n
\r\n\r\n
\r\n \r\n Special Instructions (Parking, gate code, location for spirit members to\r\n change/ keep belongings){' '}\r\n
\r\n\r\n
\r\n Will there be a performance required? (Sound system must be provided)
\r\n\r\n
\r\n Describe any expenses or benefits to the spirit team members
\r\n\r\n
\r\n \r\n List any other outside organizations involved in sponsoring the event{' '}\r\n
\r\n\r\n
\r\n \r\n Describe event happenings, special instructions for Spirit team members,\r\n etc\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\nexport default ReviewPolicies;\r\n","import React from 'react';\r\n\r\nconst RequestLayout = ({ children }) => {\r\n return (\r\n \r\n
\r\n - \r\n
- \r\n Submission of a request does not guarantee the event will be accepted.\r\n TCU athletics takes priority over all other appearances.\r\n \r\n
- \r\n TCU Spirit has until 5 days prior the date of the event to accept or\r\n decline a request.\r\n \r\n
- \r\n Once approved via email, payment must be submitted a minimum of 24 hours\r\n prior to the event or it will be canceled.\r\n \r\n
- \r\n Even after an event is confirmed, it is still subjected to immediate\r\n cancellation due to a TCU Athletic Department function, weather or an\r\n emergency. Immediate notice will be given in the event of cancellation.\r\n \r\n
- \r\n The SuperFrog suit is{' '}\r\n \r\n NOT\r\n {' '}\r\n rented out to a third party.\r\n \r\n
\r\n
\r\n \r\n \r\n {children}\r\n
\r\n );\r\n};\r\n\r\nexport default RequestLayout;\r\n","export const ZERO_MILES = '0 mi';\r\nexport const MILAGE_RATE = 'MileageRate';\r\nexport const PRIVATE_BUSINESS = 'private_business';\r\nexport const PUBLIC_NONPROFIT = 'public_nonprofit';\r\n\r\n// Fees - SuperFrog\r\nexport const FLAT_FEE_SUPERFROG = 'FlatFeeSuperFrog';\r\nexport const GAME_FLAT_FEE_SUPERFROG = 'GameFlatFeeSuperFrog';\r\nexport const TCU_SUPERFROG = 'TcuSuperFrog';\r\nexport const GAME_TCU_SUPERFROG = 'GameTcuSuperFrog';\r\nexport const NONPROFIT_SUPERFROG = 'NonProfitSuperFrog';\r\nexport const GAME_NONPROFIT_SUPERFROG = 'GameNonProfitSuperFrog';\r\nexport const PRIVATE_SUPERFROG = 'PrivateProfitSuperFrog';\r\nexport const GAME_PRIVATE_SUPERFROG = 'GamePrivateSuperFrog';\r\n\r\n// Fees - Other Spirit Members\r\nexport const TCU_SMALL_GROUP = 'TcuSmallGroup';\r\nexport const TCU_LARGE_GROUP = 'TcuLargeGroup';\r\nexport const GAME_TCU_SMALL_GROUP = 'GameTcuSmallGroup';\r\nexport const GAME_TCU_LARGE_GROUP = 'GameTcuLargeGroup';\r\nexport const NONPROFIT_SMALL_GROUP = 'NonProfitSmallGroup';\r\nexport const NONPROFIT_LARGE_GROUP = 'NonProfitLargeGroup';\r\nexport const GAME_NONPROFIT_SMALL_GROUP = 'GameNonProfitSmallGroup';\r\nexport const GAME_NONPROFIT_LARGE_GROUP = 'GameNonProfitLargeGroup';\r\nexport const PRIVATE_SMALL_GROUP = 'PrivateSmallGroup';\r\nexport const PRIVATE_LARGE_GROUP = 'PrivateLargeGroup';\r\nexport const GAME_PRIVATE_SMALL_GROUP = 'GamePrivateSmallGroup';\r\nexport const GAME_PRIVATE_LARGE_GROUP = 'GamePrivateLargeGroup';\r\n\r\n// Sizes\r\nexport const GROUP_LARGE = 'LARGE';\r\nexport const GROUP_SMALL = 'SMALL';\r\n","import { useState, useEffect, useMemo } from 'react';\r\nimport { mapEvents } from '../components/Utilities';\r\n\r\n/**\r\n * Fetch all blackouts (api/blackouts) AND events (api/events/requested/true)\r\n *\r\n * Combine blackouts and events (use for calendar view)\r\n * @returns Object\r\n */\r\nfunction useScheduledAndBlackoutEvents() {\r\n const initial = useMemo(() => {\r\n const initial = {\r\n cleanEvents: [],\r\n events: [],\r\n userEventsLoading: true,\r\n blackoutsLoading: true,\r\n error: '',\r\n };\r\n return initial;\r\n }, []);\r\n const [currentEvents, setEvents] = useState(initial);\r\n\r\n useEffect(() => {\r\n /**\r\n * Get all blackouts\r\n */\r\n const getBlackouts = () => {\r\n fetch('api/blackouts')\r\n .then((rsp) => {\r\n if (rsp.statusText === 'Unauthorized') {\r\n setEvents((prevState) => ({\r\n ...prevState,\r\n error: 'Error: Unathorized to view this material.',\r\n }));\r\n }\r\n\r\n return rsp.json();\r\n })\r\n .then((blackouts) => {\r\n /**\r\n * Important: we are combining them here!\r\n *\r\n * TODO: I'll combine them on the server for my next step\r\n */\r\n let updatedBlackouts = mapEvents(blackouts, true);\r\n setEvents((prevState) => ({\r\n events: [...prevState.events, ...updatedBlackouts],\r\n blackoutsLoading: false,\r\n }));\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((err) => console.log(err));\r\n };\r\n\r\n /**\r\n * Get last 3 months of events\r\n *\r\n * Let's grab all events, even new requests\r\n * but exclude IsDenied and IsCancelled\r\n *\r\n * We will display a \"pending\" message for those events\r\n * that are pending on approval from admin/captain\r\n *\r\n */\r\n const getUserEvents = () => {\r\n fetch('api/events/requested/true')\r\n .then((rsp) => {\r\n return rsp.json();\r\n })\r\n .then((events) => {\r\n /**\r\n * Important: we are combining them here!\r\n *\r\n * TODO: I'll combine them on the server for my next step\r\n */\r\n let updatedEvents = mapEvents(events);\r\n setEvents((prevState) => ({\r\n cleanEvents: events,\r\n events: [...updatedEvents, ...prevState.events],\r\n userEventsLoading: false,\r\n }));\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((err) => console.log(err));\r\n };\r\n getBlackouts();\r\n getUserEvents();\r\n\r\n return function cleanup() {\r\n setEvents(initial);\r\n };\r\n }, [initial]);\r\n\r\n return currentEvents;\r\n}\r\n\r\nexport default useScheduledAndBlackoutEvents;\r\n","import { useState, useEffect, useMemo } from 'react';\r\n\r\n/**\r\n * Fetch all blackouts (api/blackouts) AND events (api/events/requested/true)\r\n *\r\n * Combine blackouts and events (use for calendar view)\r\n * @returns Object\r\n */\r\nfunction useScheduledAndBlackoutEventsData() {\r\n const initial = useMemo(() => {\r\n const initial = {\r\n cleanEvents: [],\r\n events: [],\r\n userEventsLoading: true,\r\n blackoutsLoading: true,\r\n error: '',\r\n };\r\n return initial;\r\n }, []);\r\n const [currentEvents, setEvents] = useState(initial);\r\n\r\n useEffect(() => {\r\n /**\r\n * Get all blackouts\r\n */\r\n const getBlackoutsData = () => {\r\n fetch('api/blackouts')\r\n .then((rsp) => {\r\n if (rsp.statusText === 'Unauthorized') {\r\n setEvents((prevState) => ({\r\n ...prevState,\r\n error: 'Error: Unathorized to view this material.',\r\n }));\r\n }\r\n\r\n return rsp.json();\r\n })\r\n .then((blackouts) => {\r\n /**\r\n * Important: we are combining them here!\r\n *\r\n * TODO: I'll combine them on the server for my next step\r\n */\r\n // let updatedBlackouts = mapEvents(blackouts, true);\r\n setEvents((prevState) => ({\r\n events: [...prevState.events, ...blackouts],\r\n blackoutsLoading: false,\r\n }));\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((err) => console.log(err));\r\n };\r\n\r\n /**\r\n * Get last 3 months of events\r\n *\r\n * Let's grab all events, even new requests\r\n * but exclude IsDenied and IsCancelled\r\n *\r\n * We will display a \"pending\" message for those events\r\n * that are pending on approval from admin/captain\r\n *\r\n */\r\n const getUserEventsData = () => {\r\n fetch('api/events/requested/true')\r\n .then((rsp) => {\r\n return rsp.json();\r\n })\r\n .then((events) => {\r\n /**\r\n * Important: we are combining them here!\r\n *\r\n * TODO: I'll combine them on the server for my next step\r\n */\r\n // let updatedEvents = mapEvents(events);\r\n setEvents((prevState) => ({\r\n cleanEvents: events,\r\n events: [...events, ...prevState.events],\r\n userEventsLoading: false,\r\n }));\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((err) => console.log(err));\r\n };\r\n getBlackoutsData();\r\n getUserEventsData();\r\n\r\n return function cleanup() {\r\n setEvents(initial);\r\n };\r\n }, [initial]);\r\n\r\n return currentEvents;\r\n}\r\n\r\nexport default useScheduledAndBlackoutEventsData;\r\n","import { useState, useEffect, useMemo } from 'react';\r\nimport {\r\n MILAGE_RATE,\r\n FLAT_FEE_SUPERFROG,\r\n GAME_FLAT_FEE_SUPERFROG,\r\n TCU_SUPERFROG,\r\n NONPROFIT_SUPERFROG,\r\n GAME_NONPROFIT_SUPERFROG,\r\n PRIVATE_SUPERFROG,\r\n GAME_PRIVATE_SUPERFROG,\r\n GAME_TCU_SUPERFROG,\r\n TCU_SMALL_GROUP,\r\n TCU_LARGE_GROUP,\r\n GAME_TCU_SMALL_GROUP,\r\n GAME_TCU_LARGE_GROUP,\r\n NONPROFIT_SMALL_GROUP,\r\n NONPROFIT_LARGE_GROUP,\r\n GAME_NONPROFIT_SMALL_GROUP,\r\n GAME_NONPROFIT_LARGE_GROUP,\r\n PRIVATE_SMALL_GROUP,\r\n PRIVATE_LARGE_GROUP,\r\n GAME_PRIVATE_SMALL_GROUP,\r\n GAME_PRIVATE_LARGE_GROUP,\r\n} from '../constants/Constants';\r\n\r\n/**\r\n * Fetch all costs/rates (api/items)\r\n *\r\n * This also filters and saves prices so we can easily use through out\r\n * @returns Object\r\n */\r\nconst useRates = () => {\r\n const initial = useMemo(() => {\r\n const initial = {\r\n items: [],\r\n error: null,\r\n loading: true,\r\n hourlyCost: 0,\r\n flatFeeSuperFrog: 0,\r\n gameFlatFeeSuperFrog: 0,\r\n tcuSuperFrog: 0,\r\n gameTcuSuperFrog: 0,\r\n nonProfitSuperFrog: 0,\r\n gameNonProfitSuperFrog: 0,\r\n privateSuperFrog: 0,\r\n gamePrivateSuperFrog: 0,\r\n tcuSmallGroup: 0,\r\n tcuLargeGroup: 0,\r\n gameTcuSmallGroup: 0,\r\n gameTcuLargeGroup: 0,\r\n nonProfitSmallGroup: 0,\r\n nonProfitLargeGroup: 0,\r\n gameNonProfitSmallGroup: 0,\r\n gameNonProfitLargeGroup: 0,\r\n privateSmallGroup: 0,\r\n privateLargeGroup: 0,\r\n gamePrivateSmallGroup: 0,\r\n gamePrivateLargeGroup: 0,\r\n mileageRate: 0,\r\n };\r\n return initial;\r\n }, []);\r\n const [rates, setRates] = useState(initial);\r\n\r\n useEffect(() => {\r\n /**\r\n *\r\n * Events that are ready to be scheduled\r\n */\r\n const getRates = async () => {\r\n fetch('api/items')\r\n .then((rsp) => {\r\n return rsp.json();\r\n })\r\n .then((items) => {\r\n const mileageRate = items.find((item) => item.descriptionId === MILAGE_RATE);\r\n\r\n filterRates(items);\r\n\r\n setRates((prevState) => ({\r\n ...prevState,\r\n items,\r\n hourlyCost: mileageRate,\r\n loading: false,\r\n }));\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((err) => console.log(err));\r\n };\r\n const filterRates = (rates) => {\r\n if (rates.length === 0) return;\r\n const mileageRate = rates.find((item) => item.descriptionId === MILAGE_RATE);\r\n const flatFeeSuperFrog = rates.find(\r\n (item) => item.descriptionId === FLAT_FEE_SUPERFROG\r\n );\r\n const gameFlatFeeSuperFrog = rates.find(\r\n (item) => item.descriptionId === GAME_FLAT_FEE_SUPERFROG\r\n );\r\n const tcuSuperFrog = rates.find((item) => item.descriptionId === TCU_SUPERFROG);\r\n const gameTcuSuperFrog = rates.find(\r\n (item) => item.descriptionId === GAME_TCU_SUPERFROG\r\n );\r\n const nonProfitSuperFrog = rates.find(\r\n (item) => item.descriptionId === NONPROFIT_SUPERFROG\r\n );\r\n const gameNonProfitSuperFrog = rates.find(\r\n (item) => item.descriptionId === GAME_NONPROFIT_SUPERFROG\r\n );\r\n const privateSuperFrog = rates.find((item) => item.descriptionId === PRIVATE_SUPERFROG);\r\n const gamePrivateSuperFrog = rates.find(\r\n (item) => item.descriptionId === GAME_PRIVATE_SUPERFROG\r\n );\r\n const tcuSmallGroup = rates.find((item) => item.descriptionId === TCU_SMALL_GROUP);\r\n const tcuLargeGroup = rates.find((item) => item.descriptionId === TCU_LARGE_GROUP);\r\n const gameTcuSmallGroup = rates.find(\r\n (item) => item.descriptionId === GAME_TCU_SMALL_GROUP\r\n );\r\n const gameTcuLargeGroup = rates.find(\r\n (item) => item.descriptionId === GAME_TCU_LARGE_GROUP\r\n );\r\n\r\n // NonProfit Prices\r\n const nonProfitSmallGroup = rates.find(\r\n (item) => item.descriptionId === NONPROFIT_SMALL_GROUP\r\n );\r\n const nonProfitLargeGroup = rates.find(\r\n (item) => item.descriptionId === NONPROFIT_LARGE_GROUP\r\n );\r\n const gameNonProfitSmallGroup = rates.find(\r\n (item) => item.descriptionId === GAME_NONPROFIT_SMALL_GROUP\r\n );\r\n const gameNonProfitLargeGroup = rates.find(\r\n (item) => item.descriptionId === GAME_NONPROFIT_LARGE_GROUP\r\n );\r\n\r\n // Private Prices\r\n const privateSmallGroup = rates.find(\r\n (item) => item.descriptionId === PRIVATE_SMALL_GROUP\r\n );\r\n const privateLargeGroup = rates.find(\r\n (item) => item.descriptionId === PRIVATE_LARGE_GROUP\r\n );\r\n const gamePrivateSmallGroup = rates.find(\r\n (item) => item.descriptionId === GAME_PRIVATE_SMALL_GROUP\r\n );\r\n const gamePrivateLargeGroup = rates.find(\r\n (item) => item.descriptionId === GAME_PRIVATE_LARGE_GROUP\r\n );\r\n setRates((prevState) => ({\r\n ...prevState,\r\n mileageRate: mileageRate.hourlyCost,\r\n flatFeeSuperFrog: flatFeeSuperFrog.hourlyCost,\r\n gameFlatFeeSuperFrog: gameFlatFeeSuperFrog.hourlyCost,\r\n tcuSuperFrog: tcuSuperFrog.hourlyCost,\r\n gameTcuSuperFrog: gameTcuSuperFrog.hourlyCost,\r\n nonProfitSuperFrog: nonProfitSuperFrog.hourlyCost,\r\n gameNonProfitSuperFrog: gameNonProfitSuperFrog.hourlyCost,\r\n privateSuperFrog: privateSuperFrog.hourlyCost,\r\n gamePrivateSuperFrog: gamePrivateSuperFrog.hourlyCost,\r\n tcuSmallGroup: tcuSmallGroup.hourlyCost,\r\n tcuLargeGroup: tcuLargeGroup.hourlyCost,\r\n gameTcuSmallGroup: gameTcuSmallGroup.hourlyCost,\r\n gameTcuLargeGroup: gameTcuLargeGroup.hourlyCost,\r\n nonProfitSmallGroup: nonProfitSmallGroup.hourlyCost,\r\n nonProfitLargeGroup: nonProfitLargeGroup.hourlyCost,\r\n gameNonProfitSmallGroup: gameNonProfitSmallGroup.hourlyCost,\r\n gameNonProfitLargeGroup: gameNonProfitLargeGroup.hourlyCost,\r\n privateSmallGroup: privateSmallGroup.hourlyCost,\r\n privateLargeGroup: privateLargeGroup.hourlyCost,\r\n gamePrivateSmallGroup: gamePrivateSmallGroup.hourlyCost,\r\n gamePrivateLargeGroup: gamePrivateLargeGroup.hourlyCost,\r\n }));\r\n };\r\n\r\n getRates();\r\n\r\n return function cleanup() {\r\n setRates(initial);\r\n };\r\n }, [initial]);\r\n\r\n return rates;\r\n};\r\n\r\nexport default useRates;\r\n","import React from 'react';\r\n\r\nconst CancelRequest = () => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CancelRequest;\r\n","import './styles/form.scss';\r\nimport {\r\n convertTime12to24,\r\n removeLeadingZero,\r\n convert24timeToSeconds,\r\n loadGoogleMaps,\r\n typeNameOptions,\r\n teamSizes,\r\n calculateTotalHours,\r\n calculateTotalCost,\r\n} from './Utilities';\r\nimport React, { useEffect, useState } from 'react';\r\nimport ReviewRequest from './ReviewRequest';\r\nimport Success from './Success';\r\nimport CalendarTime from './CalendarTime';\r\nimport Features from './Features';\r\nimport Pagination from './Pagination';\r\nimport EventForm from './EventForm';\r\nimport ReviewPolicies from './ReviewPolicies';\r\nimport Popup from 'react-popup';\r\nimport RequestLayout from './RequestLayout';\r\n\r\nimport {\r\n ZERO_MILES,\r\n PRIVATE_BUSINESS,\r\n PUBLIC_NONPROFIT,\r\n GROUP_LARGE,\r\n GROUP_SMALL,\r\n} from '../constants/Constants';\r\nimport useScheduledAndBlackoutEvents from '../hooks/events-blackouts-hook';\r\nimport useScheduledAndBlackoutEventsData from '../hooks/events-blackouts-data-hooks';\r\nimport useRates from '../hooks/rates-hook';\r\nimport CancelRequest from './CancelRequest';\r\n\r\nfunction Request() {\r\n const [GoogleMapReady, setGoogleMap] = useState(false);\r\n const [step, setStep] = useState(1);\r\n const eventsAndBlackouts = useScheduledAndBlackoutEvents();\r\n const { events } = eventsAndBlackouts;\r\n const eventsAndBlackoutsData = useScheduledAndBlackoutEventsData();\r\n const rates = useRates();\r\n const [touched, setTouched] = useState({\r\n eventDate: false,\r\n startTime: false,\r\n endTime: false,\r\n });\r\n const [newRequest, setRequest] = useState({\r\n eventName: '',\r\n eventDescription: '',\r\n eventOrganization: '',\r\n eventLocation: '',\r\n otherOrganizations: '',\r\n eventInstructions: '',\r\n comments: '',\r\n typeName: '',\r\n addPerformance: false,\r\n addCheerleaders: false,\r\n addSuperFrog: true,\r\n onCampus: false,\r\n addShowgirls: false,\r\n cheerleadersSize: '',\r\n showgirlsSize: '',\r\n specialInstructions: '',\r\n expensesOrBenefits: '',\r\n eventDate: '',\r\n startTime: '12:00 AM',\r\n endTime: '12:00 AM',\r\n 'customer.firstName': '',\r\n 'customer.lastName': '',\r\n 'customer.phoneNumber': '',\r\n 'customer.email': '',\r\n totalCost: '',\r\n hourlySuperFrog: 0,\r\n hourlyCheerleaders: 0,\r\n hourlyShowgirls: 0,\r\n mileageCost: 0,\r\n miles: '0 mi',\r\n });\r\n const [isGame, setGame] = useState(false);\r\n const [invalidEndTime, setInvalidEndTime] = useState(false);\r\n const [invalidDateTime, setInvalidDateTime] = useState(false);\r\n const [distanceInfo, setLocationDistance] = useState({\r\n invalidLocation: true,\r\n locationDistance: 0,\r\n });\r\n const [totalHours, setTotalHours] = useState(false);\r\n const [eventSizes, setEventSizes] = useState(teamSizes);\r\n const [lastConfirmation, setLastConfirmation] = useState(false);\r\n const [data, setData] = useState([]);\r\n\r\n useEffect(() => {\r\n loadGoogleMaps(() => {\r\n setGoogleMap(true);\r\n });\r\n }, [GoogleMapReady]);\r\n\r\n useEffect(() => {\r\n setInvalidDateTime(validationExactTime());\r\n }, [newRequest]);\r\n\r\n /**\r\n * Easily navigate to the next step.\r\n */\r\n const nextStep = () => {\r\n setStep(step + 1);\r\n };\r\n\r\n /**\r\n * Easily navigate back.\r\n */\r\n const prevStep = () => {\r\n setStep(step - 1);\r\n };\r\n\r\n /**\r\n * Save value to this state from child component\r\n * @param {Object} value Object to save into state\r\n */\r\n const saveInParentState = (value) => {\r\n if (\r\n Object.prototype.hasOwnProperty.call(value, 'invalidLocation') ||\r\n Object.prototype.hasOwnProperty.call(value, 'locationDistance')\r\n ) {\r\n setLocationDistance(value);\r\n } else {\r\n setRequest((prevState) => ({ ...prevState, ...value }));\r\n }\r\n };\r\n\r\n /**\r\n * Save values to local state\r\n *\r\n * Dynamically update dropdowns, prices\r\n * and other behavior in the form\r\n *\r\n * @param {Object} currentValue Current form values.\r\n */\r\n const saveValueToState = (currentValue) => {\r\n let key = Object.keys(currentValue)[0];\r\n\r\n setRequest((prevState) => ({ ...prevState, ...currentValue }));\r\n setTouched((prevState) => ({ ...prevState, [key]: true }));\r\n\r\n if (\r\n Object.prototype.hasOwnProperty.call(currentValue, 'eventDate') ||\r\n Object.prototype.hasOwnProperty.call(currentValue, 'endTime') ||\r\n Object.prototype.hasOwnProperty.call(currentValue, 'startTime')\r\n ) {\r\n validateExactDateTime(currentValue);\r\n }\r\n\r\n // check that we are only checking the\r\n // eventDate key\r\n if (Object.prototype.hasOwnProperty.call(currentValue, 'eventDate')) {\r\n setGame(checkIsGame(currentValue));\r\n }\r\n\r\n // let's update the dropdown menu prices of our spirit members\r\n if (Object.prototype.hasOwnProperty.call(currentValue, 'typeName')) {\r\n updateTeamSizeDropdown(currentValue);\r\n handleSFHourlyRate();\r\n }\r\n\r\n // calculate cheerleaders or showgirls rate\r\n if (Object.prototype.hasOwnProperty.call(currentValue, 'cheerleadersSize')) {\r\n handleCheerleadersHourlyRate();\r\n }\r\n // calculate cheerleaders or showgirls rate\r\n if (Object.prototype.hasOwnProperty.call(currentValue, 'showgirlsSize')) {\r\n handleShowgirlsHourlyRate();\r\n }\r\n\r\n if (Object.prototype.hasOwnProperty.call(currentValue, 'endTime')) {\r\n validateEndTime(currentValue);\r\n }\r\n\r\n if (Object.prototype.hasOwnProperty.call(currentValue, 'onCampus')) {\r\n handleLocation(currentValue);\r\n }\r\n };\r\n\r\n /**\r\n * Reset miles if user changes their mind\r\n * and wants to move the location to onCampus\r\n *\r\n * @param {Object} value The onCampus value from form\r\n */\r\n const handleLocation = (value) => {\r\n const { onCampus } = value;\r\n const { miles } = newRequest;\r\n\r\n // We do not validate\r\n // If miles > 0 then we reset back to 0\r\n // clear location string\r\n if (onCampus) {\r\n if (distanceInfo.locationDistance > 0) {\r\n setLocationDistance((prevState) => ({ ...prevState, locationDistance: 0 }));\r\n }\r\n\r\n if (miles !== ZERO_MILES) {\r\n setRequest((prevState) => ({ ...prevState, miles: 0 }));\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * Set SuperFrog hourly rate\r\n */\r\n const handleSFHourlyRate = () => {\r\n const { startTime, endTime } = newRequest;\r\n const totalHours = calculateTotalHours(startTime, endTime);\r\n const calIf30MinFlatFee = totalHours === 0 ? true : false;\r\n const costOfSuperFrog = handleSuperFrogCost(newRequest.typeName, calIf30MinFlatFee);\r\n\r\n setRequest((prevState) => ({ ...prevState, hourlySuperFrog: costOfSuperFrog }));\r\n setTotalHours(totalHours);\r\n };\r\n\r\n /**\r\n * set cheerleader's hourly rate\r\n */\r\n const handleCheerleadersHourlyRate = () => {\r\n const { addCheerleaders, cheerleadersSize, typeName } = newRequest;\r\n const costOfCheerleaders = handleOtherSpiritMembersCost(\r\n addCheerleaders,\r\n cheerleadersSize,\r\n typeName\r\n );\r\n setRequest((prevState) => ({ ...prevState, hourlyCheerleaders: costOfCheerleaders }));\r\n };\r\n\r\n /**\r\n * set showgirl's hourly rate\r\n */\r\n const handleShowgirlsHourlyRate = () => {\r\n const { addShowgirls, showgirlsSize, typeName } = newRequest;\r\n const costofShowgirls = handleOtherSpiritMembersCost(addShowgirls, showgirlsSize, typeName);\r\n setRequest((prevState) => ({ ...prevState, hourlyShowgirls: costofShowgirls }));\r\n };\r\n\r\n /**\r\n * Make sure endTime is greater than startTime\r\n *\r\n *@param {Object} currentValue The current value\r\n */\r\n const validateEndTime = (currentValue) => {\r\n const { startTime } = newRequest;\r\n const { endTime } = currentValue;\r\n const startTime24 = convertTime12to24(removeLeadingZero(startTime));\r\n const endTime24 = convertTime12to24(removeLeadingZero(endTime));\r\n const startTimeSeconds = convert24timeToSeconds(startTime24);\r\n const endTimeSeconds = convert24timeToSeconds(endTime24);\r\n\r\n if (startTimeSeconds > endTimeSeconds) {\r\n setInvalidEndTime(true);\r\n } else {\r\n setInvalidEndTime(false);\r\n }\r\n };\r\n\r\n /**\r\n * We are looking at the startTime, endTime and eventDate\r\n * and validating against our scheduledEvents (which also includes blackouts)\r\n *\r\n * @param {Object} currentValue The current selected value\r\n *\r\n * @return {bool}\r\n */\r\n const validateExactDateTime = (currentValue) => {\r\n if (Object.prototype.hasOwnProperty.call(currentValue, 'endTime')) {\r\n setRequest((prevState) => ({ ...prevState, endTime: currentValue.endTime }));\r\n }\r\n\r\n if (Object.prototype.hasOwnProperty.call(currentValue, 'startTime')) {\r\n setRequest((prevState) => ({ ...prevState, startTime: currentValue.startTime }));\r\n }\r\n\r\n if (Object.prototype.hasOwnProperty.call(currentValue, 'eventDate')) {\r\n setRequest((prevState) => ({ ...prevState, eventDate: currentValue.eventDate }));\r\n }\r\n };\r\n\r\n const validationExactTime = () => {\r\n const startTime24 = convertTime12to24(newRequest.startTime);\r\n const endTime24 = convertTime12to24(newRequest.endTime);\r\n\r\n // const { scheduledEvents } = events;\r\n\r\n // let's create a valid date from all three elements\r\n const selectedStartDateTime = new Date(`${newRequest.eventDate}T${startTime24}`);\r\n const selectedEndDateTime = new Date(`${newRequest.eventDate}T${endTime24}`);\r\n\r\n // let's loop through scheduledEvents and check if it falls between\r\n // an already scheduled event\r\n for (let k in events) {\r\n if (!events[k].allDay) {\r\n let scheduledStartDate = new Date(events[k].start);\r\n let scheduledEndDate = new Date(events[k].end);\r\n if (\r\n selectedStartDateTime >= scheduledStartDate &&\r\n selectedStartDateTime <= scheduledEndDate\r\n ) {\r\n return true;\r\n }\r\n\r\n if (\r\n selectedEndDateTime >= scheduledStartDate &&\r\n selectedEndDateTime <= scheduledEndDate\r\n ) {\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n /**\r\n * Update the dropdown menu that contains prices\r\n *\r\n * For display only\r\n */\r\n const updateTeamSizeDropdown = (typename) => {\r\n const { typeName } = typename;\r\n // TCU Prices\r\n const {\r\n tcuSmallGroup,\r\n tcuLargeGroup,\r\n gameTcuSmallGroup,\r\n gameTcuLargeGroup,\r\n nonProfitSmallGroup,\r\n nonProfitLargeGroup,\r\n gameNonProfitSmallGroup,\r\n gameNonProfitLargeGroup,\r\n privateSmallGroup,\r\n privateLargeGroup,\r\n gamePrivateSmallGroup,\r\n gamePrivateLargeGroup,\r\n } = rates;\r\n\r\n if (isGame) {\r\n // is it a private event?\r\n if (typeName === PRIVATE_BUSINESS) {\r\n setEventSizes([\r\n {\r\n name: 'small',\r\n value: `Small Team (2-3 members) $${gamePrivateSmallGroup}/hr`,\r\n },\r\n {\r\n name: 'large',\r\n value: `Large Team (4-6 members) $${gamePrivateLargeGroup}/hr`,\r\n },\r\n ]);\r\n } else if (typeName === PUBLIC_NONPROFIT) {\r\n setEventSizes([\r\n {\r\n name: 'small',\r\n value: `Small Team (2-3 members) $${gameNonProfitSmallGroup}/hr`,\r\n },\r\n {\r\n name: 'large',\r\n value: `Large Team (4-6 members) $${gameNonProfitLargeGroup}/hr`,\r\n },\r\n ]);\r\n } else {\r\n // should be TCU type\r\n setEventSizes([\r\n {\r\n name: 'small',\r\n value: `Small Team (2-3 members) $${gameTcuSmallGroup}/hr`,\r\n },\r\n {\r\n name: 'large',\r\n value: `Large Team (4-6 members) $${gameTcuLargeGroup}/hr`,\r\n },\r\n ]);\r\n }\r\n }\r\n\r\n if (!isGame) {\r\n // is it a private event?\r\n if (typeName === PRIVATE_BUSINESS) {\r\n setEventSizes([\r\n {\r\n name: 'small',\r\n value: `Small Team (2-3 members) $${privateSmallGroup}/hr`,\r\n },\r\n {\r\n name: 'large',\r\n value: `Large Team (4-6 members) $${privateLargeGroup}/hr`,\r\n },\r\n ]);\r\n } else if (typeName === PUBLIC_NONPROFIT) {\r\n setEventSizes([\r\n {\r\n name: 'small',\r\n value: `Small Team (2-3 members) ${nonProfitSmallGroup}/hr`,\r\n },\r\n {\r\n name: 'large',\r\n value: `Large Team (4-6 members) $${nonProfitLargeGroup}/hr`,\r\n },\r\n ]);\r\n } else {\r\n // is TCU type\r\n\r\n setEventSizes([\r\n {\r\n name: 'small',\r\n value: `Small Team (2-3 members) ${tcuSmallGroup}/hr`,\r\n },\r\n {\r\n name: 'large',\r\n value: `Large Team (4-6 members) $${tcuLargeGroup}/hr`,\r\n },\r\n ]);\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * Let's check if our selected date is the day before a ball game\r\n *\r\n * @param {Object} currentValue The eventDate current value\r\n *\r\n * @return bool\r\n */\r\n const checkIsGame = (currentValue) => {\r\n const { eventDate } = currentValue;\r\n // the \"-\" character makes it an invalid date\r\n const formattedDate = eventDate.replace(/-/g, '/');\r\n const blackouts = eventsAndBlackoutsData.events;\r\n const validDate = new Date(`${formattedDate} 12:00 AM`);\r\n\r\n // loop through blackouts\r\n for (var i = 0; i < blackouts.length; i++) {\r\n // check if validDate is the day before blackout && blackout isGame\r\n let blackoutDate = new Date(blackouts[i].date);\r\n let dayBefore = new Date(blackoutDate.setDate(blackoutDate.getDate() - 1));\r\n if (validDate.toDateString() === dayBefore.toDateString() && blackouts[i].isGame) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n /**\r\n * Let's figure out the hourly rate for SuperFrog.\r\n *\r\n * @param {string} eventType The type of event selected in our form.\r\n */\r\n const handleSuperFrogCost = (eventType, is30FlatFee) => {\r\n const { addSuperFrog } = newRequest;\r\n // Hourly Rates - from DB\r\n const {\r\n flatFeeSuperFrog,\r\n gameFlatFeeSuperFrog,\r\n tcuSuperFrog,\r\n gameTcuSuperFrog,\r\n nonProfitSuperFrog,\r\n gameNonProfitSuperFrog,\r\n privateSuperFrog,\r\n gamePrivateSuperFrog,\r\n } = rates;\r\n\r\n //Did we decide to keep superFrog?\r\n if (addSuperFrog) {\r\n // 1. figure out if this event falls on a day before a game\r\n if (isGame) {\r\n // pricing for day before a game\r\n if (is30FlatFee) {\r\n return gameFlatFeeSuperFrog;\r\n }\r\n\r\n if (eventType === PRIVATE_BUSINESS) {\r\n return gamePrivateSuperFrog;\r\n }\r\n\r\n if (eventType === PUBLIC_NONPROFIT) {\r\n return gameNonProfitSuperFrog;\r\n }\r\n // means event type is TCU\r\n return gameTcuSuperFrog;\r\n }\r\n\r\n if (!isGame) {\r\n // let's figure out if it's 30 minutes\r\n // because it's only a flat fee\r\n if (is30FlatFee) {\r\n return flatFeeSuperFrog;\r\n }\r\n\r\n // Let's check if it's a private event\r\n // because it's $175 an hour for private events\r\n if (eventType === PRIVATE_BUSINESS) {\r\n return privateSuperFrog;\r\n }\r\n\r\n if (eventType === PUBLIC_NONPROFIT) {\r\n return nonProfitSuperFrog;\r\n }\r\n\r\n // means event type is TCU\r\n return tcuSuperFrog;\r\n }\r\n } else {\r\n // no charge\r\n return 0;\r\n }\r\n };\r\n\r\n /**\r\n * Let's figure out the hourly cost for our cheerleaders/showgirls\r\n *\r\n * @param {bool} ifAvailable Use to check if cheerleaders or showgirls are selected.\r\n * @param {string} key Use to check the team size.\r\n * @param {string} eventType The event type which determines the price of the team\r\n *\r\n * @return {int} cost\r\n */\r\n const handleOtherSpiritMembersCost = (ifAvailable, key, eventType = PUBLIC_NONPROFIT) => {\r\n // TCU Prices\r\n const {\r\n tcuSmallGroup,\r\n tcuLargeGroup,\r\n gameTcuSmallGroup,\r\n gameTcuLargeGroup,\r\n nonProfitSmallGroup,\r\n nonProfitLargeGroup,\r\n gameNonProfitSmallGroup,\r\n gameNonProfitLargeGroup,\r\n privateSmallGroup,\r\n privateLargeGroup,\r\n gamePrivateSmallGroup,\r\n gamePrivateLargeGroup,\r\n } = rates;\r\n\r\n if (ifAvailable) {\r\n if (isGame) {\r\n // is it a private event?\r\n if (eventType === PRIVATE_BUSINESS) {\r\n // we want cheerleaders or showgirls!! woot woot!\r\n // but, do we want a small or large team?\r\n if (key.toUpperCase() === GROUP_LARGE) {\r\n return gamePrivateLargeGroup;\r\n } else if (key.toUpperCase() === GROUP_SMALL) {\r\n return gamePrivateSmallGroup;\r\n }\r\n } else if (eventType === PUBLIC_NONPROFIT) {\r\n // we want cheerleaders or showgirls!! woot woot!\r\n // but, do we want a small or large team?\r\n if (key.toUpperCase() === GROUP_LARGE) {\r\n return gameNonProfitLargeGroup;\r\n } else if (key.toUpperCase() === GROUP_SMALL) {\r\n return gameNonProfitSmallGroup;\r\n }\r\n } else {\r\n // else is TCU Type\r\n if (key.toUpperCase() === GROUP_LARGE) {\r\n return gameTcuLargeGroup;\r\n } else if (key.toUpperCase() === GROUP_SMALL) {\r\n return gameTcuSmallGroup;\r\n }\r\n }\r\n }\r\n\r\n if (!isGame) {\r\n // is it a private event?\r\n if (eventType === PRIVATE_BUSINESS) {\r\n // we want cheerleaders or showgirls!! woot woot!\r\n // but, do we want a small or large team?\r\n if (key.toUpperCase() === GROUP_LARGE) {\r\n return privateLargeGroup;\r\n } else if (key.toUpperCase() === GROUP_SMALL) {\r\n return privateSmallGroup;\r\n }\r\n } else if (eventType === PUBLIC_NONPROFIT) {\r\n // we want cheerleaders or showgirls!! woot woot!\r\n // but, do we want a small or large team?\r\n if (key.toUpperCase() === GROUP_LARGE) {\r\n return nonProfitLargeGroup;\r\n } else if (key.toUpperCase() === GROUP_SMALL) {\r\n return nonProfitSmallGroup;\r\n }\r\n } else {\r\n // else is TCU Type\r\n if (key.toUpperCase() === GROUP_LARGE) {\r\n return tcuLargeGroup;\r\n } else if (key.toUpperCase() === GROUP_SMALL) {\r\n return tcuSmallGroup;\r\n }\r\n }\r\n }\r\n } else {\r\n // no charge\r\n return 0;\r\n }\r\n };\r\n\r\n /**\r\n * Before we submit our form\r\n * let's make sure the user can review it.\r\n *\r\n *\r\n * @param {Object} data Our form input.\r\n */\r\n const reviewRequest = (data) => {\r\n const { hourlySuperFrog, hourlyCheerleaders, hourlyShowgirls, miles } = newRequest;\r\n const { hourlyCost } = rates.hourlyCost;\r\n // if more than 2 miles from TCU, a $0.75 per mile transportation fee will be included in the appearance total\r\n const milesNum = miles <= 2 ? 0 : miles;\r\n const totalMileageCost = milesNum * hourlyCost;\r\n\r\n // Calculate tota cost\r\n const totalCost = calculateTotalCost(\r\n hourlySuperFrog,\r\n hourlyCheerleaders,\r\n hourlyShowgirls,\r\n totalHours,\r\n totalMileageCost\r\n );\r\n\r\n setStep(step + 1);\r\n setRequest((prevState) => ({ ...prevState, totalCost, mileageCost: totalMileageCost }));\r\n\r\n // copy newRequest because some keys are strings\r\n // we needed to clean that\r\n setData(data);\r\n };\r\n\r\n const handleCancelForm = () => {\r\n setStep(step + 1);\r\n setLastConfirmation(false);\r\n };\r\n\r\n /**\r\n * handle the display of alert window\r\n */\r\n const handleAlertWindow = () => {\r\n // Let's create another alert with a summary of the policies\r\n const policyMessage =\r\n '1.) Submission of a request does not guarantee the event will be accepted. TCU athletics takes priority over all other appearances.\\n 2.) TCU Spirit has until 5 days prior the date of the event to accept or decline a request.\\n 3.) Once approved via email, payment must be submitted a minimum of 24 hours prior to the event or it will be canceled.\\n 4.) Even after an event is confirmed, it is still subjected to immediate cancellation due to a TCU Athletic Department function, weather or an emergency. Immediate notice will be given in the event of cancellation.\\n 5.) The SuperFrog suit is NOT rented out to a third party.';\r\n\r\n Popup.create({\r\n title: 'Agree to Terms & Conditions',\r\n content: policyMessage,\r\n buttons: {\r\n left: [\r\n {\r\n text: 'Cancel',\r\n className: 'danger',\r\n action: function () {\r\n Popup.alert(\r\n 'You pressed the Cancel button and will return back to the form.'\r\n );\r\n\r\n /** Close this popup. Close will always close the current visible one, if one is visible */\r\n Popup.close();\r\n },\r\n },\r\n ],\r\n right: [\r\n {\r\n text: 'I do not agree',\r\n key: 'ctrl+enter',\r\n action: function () {\r\n // Passing true as the second argument to the create method\r\n // displays it directly, without interupting the queue.\r\n Popup.create(\r\n {\r\n title: 'I do not agree',\r\n content:\r\n 'Are you sure you do not agree with our terms and conditions? This action will cancel your form and delete all your data.',\r\n buttons: {\r\n left: ['cancel'],\r\n right: [\r\n {\r\n text: 'Continue',\r\n className: 'danger',\r\n action: function () {\r\n handleCancelForm();\r\n // clear queue\r\n Popup.clearQueue();\r\n\r\n /** Close this popup. Close will always close the current visible one, if one is visible */\r\n Popup.close();\r\n },\r\n },\r\n ],\r\n },\r\n },\r\n true\r\n );\r\n },\r\n },\r\n {\r\n text: 'I Agree',\r\n className: 'success',\r\n action: function () {\r\n sendToServer();\r\n\r\n /** Close this popup. Close will always close the current visible one, if one is visible */\r\n Popup.close();\r\n },\r\n },\r\n ],\r\n },\r\n });\r\n };\r\n\r\n /**\r\n * Make a POST request.\r\n * Send to server!\r\n *\r\n * Includes our data object with the user input.\r\n *\r\n * */\r\n const sendToServer = () => {\r\n setStep(step + 1);\r\n const { startTime, endTime, eventDate } = data;\r\n\r\n // convert startTime and endTime\r\n // since database requires 24 hour format\r\n const modifiedTo24StartTime = convertTime12to24(removeLeadingZero(startTime));\r\n const modifiedTo24EndTime = convertTime12to24(removeLeadingZero(endTime));\r\n\r\n // send to server\r\n const value = {\r\n ...data,\r\n eventDate: `${eventDate} 12:00 AM`,\r\n startTime: `${eventDate} ${modifiedTo24StartTime}`,\r\n endTime: `${eventDate} ${modifiedTo24EndTime}`,\r\n };\r\n\r\n // Post event to database\r\n fetch('api/events', {\r\n method: 'POST',\r\n credentials: 'same-origin',\r\n headers: {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n },\r\n body: JSON.stringify(value),\r\n })\r\n .then((response) => {\r\n if (response.ok) {\r\n setLastConfirmation(true);\r\n }\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((error) => console.log(error));\r\n };\r\n\r\n switch (step) {\r\n case 1:\r\n return (\r\n Request Canceled
\r\nYou must Agree to terms and Conditions. Your form was NOT submitted.
\r\n\r\n
\r\n\r\n {currentEventDetails.participants.length > 0 ? (\r\n \r\n (\r\n \r\n Edit\r\n \r\n )}\r\n />\r\n
\r\n Event Information
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n | Event Name | \r\n{currentEventDetails.eventName} | \r\n
| Organization | \r\n{currentEventDetails.eventOrganization} | \r\n
| Event Type | \r\n{eventType.value} | \r\n
| Event Date | \r\n{date} | \r\n
| Start Time | \r\n{formatTime(currentEventDetails.startTime)} | \r\n
| End Time | \r\n{formatTime(currentEventDetails.endTime)} | \r\n
| Expenses or benefits | \r\n{currentEventDetails.expensesOrBenefits} | \r\n
| Outside organizations | \r\n{currentEventDetails.otherOrganizations} | \r\n
| Description of Event | \r\n{currentEventDetails.eventDescription} | \r\n
| Special Instructions | \r\n{currentEventDetails.specialInstructions} | \r\n
| Event Location | \r\n{currentEventDetails.eventLocation} | \r\n
| Add SuperFrog | \r\n{currentEventDetails.addSuperFrog ? 'Yes' : 'No'} | \r\n
| {`Cheerleader's Team Size`} | \r\n{cheerleadersSize.value} | \r\n
| {`Showgirl's Team Size`} | \r\n{showgirlsSize.value} | \r\n
| Total Cost | \r\n{`$${currentEventDetails.totalCost}`} | \r\n
| Event Status | \r\n
|---|
| {status} | \r\n
\r\n
\r\n ) : null}\r\n\r\n \r\n (\r\n \r\n Edit\r\n \r\n )}\r\n />\r\n
\r\n Spirit Members
\r\n\r\n \r\n \r\n
\r\n
\r\n | Name | \r\nSpirit Member Type | \r\n
|---|---|
| {person.employee.fullName} | \r\n\r\n {person.employee.spiritMemberType}\r\n | \r\n
\r\n
\r\n \r\n (\r\n \r\n Edit\r\n \r\n )}\r\n />\r\n
\r\n Customer Information
\r\n\r\n \r\n \r\n
\r\n
\r\n | Name | \r\n{`${currentEventDetails.customer.fullName}`} | \r\n
| Phone | \r\n{`${currentEventDetails.customer.phoneNumber}`} | \r\n
| {`${currentEventDetails.customer.email}`} | \r\n
| {heading} | ;\r\n })}\r\n|||||
|---|---|---|---|---|---|
| \r\n {item.eventName}\r\n | \r\n\r\n {formattedDate}\r\n | \r\n\r\n {`${item.customer.firstName} ${item.customer.lastName}`}\r\n | \r\n\r\n {`${item.participants[0].employee.firstName} ${item.participants[0].employee.lastName}`}\r\n | \r\n\r\n {item.isScheduled ? (\r\n Scheduled\r\n ) : item.isDenied ? (\r\n Denied\r\n ) : (\r\n Pending\r\n )}\r\n | \r\n\r\n | \r\n
No events on this list
: null}\r\n| {heading} | ;\r\n })}\r\n|||||
|---|---|---|---|---|---|
| \r\n | \r\n \r\n {formattedDate}\r\n | \r\n\r\n | \r\n \r\n
| \r\n {displayStatus ? (\r\n \r\n | \r\n ) : null}\r\n\r\n \r\n
| \r\n
| {heading} | ;\r\n })}\r\n|||||
|---|---|---|---|---|---|
| \r\n | \r\n \r\n {formattedDate}\r\n | \r\n\r\n | \r\n \r\n Approved\r\n | \r\n\r\n
| \r\n \r\n
| \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default NavDashboard;\r\n","import React from 'react';\r\nimport NavDashboard from './auth/NavDashboard';\r\n\r\nexport default function DashboardLayout({ title, children }) {\r\n return (\r\n {title}
\r\n\r\n
\r\n {children}
\r\n \r\n
\r\n )}\r\n />\r\n My Events
\r\n {myEvents.events.length === 0 ? (\r\nYou don't have any events assigned to you.
\r\n ) : null}\r\n\r\n Click on the "Assign" button to edit or assign missing\r\n students.\r\n
\r\n\r\n\r\n You do not have access to this page. \r\n
\r\n );\r\n};\r\nexport default NoAccess;\r\n","import React from 'react';\r\nimport Formsy from 'formsy-react';\r\nimport Input from '../Input';\r\nimport Select from '../Select';\r\nimport CheckBox from '../CheckBox';\r\nimport TextArea from '../TextArea';\r\nimport Button from '../Button';\r\nimport InputTime from '../InputTime';\r\nimport 'date-input-polyfill';\r\nimport useRates from '../../hooks/rates-hook';\r\nimport useScheduledAndBlackoutEvents from '../../hooks/events-blackouts-hook';\r\nimport { calculateTotalHours, calculateTotalCost } from '../Utilities';\r\nimport {\r\n PRIVATE_BUSINESS,\r\n PUBLIC_NONPROFIT,\r\n GROUP_LARGE,\r\n GROUP_SMALL,\r\n} from '../../constants/Constants';\r\n\r\nfunction EditEventForm({\r\n updateEvent,\r\n enableButton,\r\n disableButton,\r\n customer,\r\n saveValueToState,\r\n canSubmit,\r\n event,\r\n typeNameOptions,\r\n invalidEndTime,\r\n dayOfTheWeek,\r\n eventSizes,\r\n}) {\r\n const isGame = checkIsGame();\r\n const eventsAndBlackouts = useScheduledAndBlackoutEvents();\r\n const { events } = eventsAndBlackouts;\r\n const rates = useRates();\r\n const totalHours = calculateTotalHours(event.startTime, event.endTime);\r\n function checkIsGame() {\r\n // the \"-\" character makes it an invalid date\r\n const formattedDate = event.eventDate.replace(/-/g, '/');\r\n const blackouts = events;\r\n const validDate = new Date(`${formattedDate} 12:00 AM`);\r\n\r\n // loop through blackouts\r\n for (let k in blackouts) {\r\n // check if validDate is the day before blackout && blackout isGame\r\n let blackoutDate = new Date(blackouts[k].date);\r\n let dayBefore = new Date(blackoutDate.setDate(blackoutDate.getDate() - 1));\r\n\r\n if (validDate.toDateString() === dayBefore.toDateString() && blackouts[k].isGame) {\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n const handleSFHourlyRate = (startTime, endTime, eventType, addSuperFrog) => {\r\n const totalHours = calculateTotalHours(startTime, endTime);\r\n if (event.eventDate != '') checkIsGame();\r\n const calIf30MinFlatFee = totalHours === 0 ? true : false;\r\n return handleSuperFrogCost(eventType, calIf30MinFlatFee, isGame, addSuperFrog);\r\n };\r\n\r\n const handleCheerleadersHourlyRate = (addCheerleaders, cheerleadersSize, typeName) => {\r\n if (addCheerleaders == false) {\r\n event.cheerleadersSize = 'none';\r\n return 0;\r\n }\r\n return handleOtherSpiritMembersCost(cheerleadersSize, typeName);\r\n };\r\n\r\n const handleShowgirlsHourlyRate = (addShowgirls, showgirlsSize, typeName) => {\r\n if (addShowgirls == false) {\r\n event.showgirlsSize = 'none';\r\n return 0;\r\n }\r\n return handleOtherSpiritMembersCost(showgirlsSize, typeName);\r\n };\r\n\r\n const handleSuperFrogCost = (eventType, is30FlatFee, isGame, addSuperFrog) => {\r\n // Hourly Rates - from DB\r\n const {\r\n flatFeeSuperFrog,\r\n gameFlatFeeSuperFrog,\r\n tcuSuperFrog,\r\n gameTcuSuperFrog,\r\n nonProfitSuperFrog,\r\n gameNonProfitSuperFrog,\r\n privateSuperFrog,\r\n gamePrivateSuperFrog,\r\n } = rates;\r\n //Did we decide to keep superFrog?\r\n if (addSuperFrog) {\r\n // 1. figure out if this event falls on a day before a game\r\n if (isGame) {\r\n // pricing for day before a game\r\n if (is30FlatFee) {\r\n return gameFlatFeeSuperFrog;\r\n }\r\n\r\n if (eventType === PRIVATE_BUSINESS) {\r\n return gamePrivateSuperFrog;\r\n }\r\n\r\n if (eventType === PUBLIC_NONPROFIT) {\r\n return gameNonProfitSuperFrog;\r\n }\r\n // means event type is TCU\r\n return gameTcuSuperFrog;\r\n }\r\n\r\n if (!isGame) {\r\n // let's figure out if it's 30 minutes\r\n // because it's only a flat fee\r\n if (is30FlatFee) {\r\n return flatFeeSuperFrog;\r\n }\r\n\r\n // Let's check if it's a private event\r\n // because it's $175 an hour for private events\r\n if (eventType === PRIVATE_BUSINESS) {\r\n return privateSuperFrog;\r\n }\r\n\r\n if (eventType === PUBLIC_NONPROFIT) {\r\n return nonProfitSuperFrog;\r\n }\r\n\r\n // means event type is TCU\r\n return tcuSuperFrog;\r\n }\r\n } else {\r\n // no charge\r\n return 0;\r\n }\r\n };\r\n\r\n const handleOtherSpiritMembersCost = (key, eventType) => {\r\n // TCU Prices\r\n const {\r\n tcuSmallGroup,\r\n tcuLargeGroup,\r\n gameTcuSmallGroup,\r\n gameTcuLargeGroup,\r\n nonProfitSmallGroup,\r\n nonProfitLargeGroup,\r\n gameNonProfitSmallGroup,\r\n gameNonProfitLargeGroup,\r\n privateSmallGroup,\r\n privateLargeGroup,\r\n gamePrivateSmallGroup,\r\n gamePrivateLargeGroup,\r\n } = rates;\r\n if (key != '') {\r\n if (isGame) {\r\n // is it a private event?\r\n if (eventType === PRIVATE_BUSINESS) {\r\n // we want cheerleaders or showgirls!! woot woot!\r\n // but, do we want a small or large team?\r\n if (key.toUpperCase() === GROUP_LARGE) {\r\n return gamePrivateLargeGroup;\r\n } else if (key.toUpperCase() === GROUP_SMALL) {\r\n return gamePrivateSmallGroup;\r\n }\r\n } else if (eventType === PUBLIC_NONPROFIT) {\r\n // we want cheerleaders or showgirls!! woot woot!\r\n // but, do we want a small or large team?\r\n if (key.toUpperCase() === GROUP_LARGE) {\r\n return gameNonProfitLargeGroup;\r\n } else if (key.toUpperCase() === GROUP_SMALL) {\r\n return gameNonProfitSmallGroup;\r\n }\r\n } else {\r\n // else is TCU Type\r\n if (key.toUpperCase() === GROUP_LARGE) {\r\n return gameTcuLargeGroup;\r\n } else if (key.toUpperCase() === GROUP_SMALL) {\r\n return gameTcuSmallGroup;\r\n }\r\n }\r\n }\r\n\r\n if (!isGame) {\r\n // is it a private event?\r\n if (eventType === PRIVATE_BUSINESS) {\r\n // we want cheerleaders or showgirls!! woot woot!\r\n // but, do we want a small or large team?\r\n if (key.toUpperCase() === GROUP_LARGE) {\r\n return privateLargeGroup;\r\n } else if (key.toUpperCase() === GROUP_SMALL) {\r\n return privateSmallGroup;\r\n }\r\n } else if (eventType === PUBLIC_NONPROFIT) {\r\n // we want cheerleaders or showgirls!! woot woot!\r\n // but, do we want a small or large team?\r\n if (key.toUpperCase() === GROUP_LARGE) {\r\n return nonProfitLargeGroup;\r\n } else if (key.toUpperCase() === GROUP_SMALL) {\r\n return nonProfitSmallGroup;\r\n }\r\n } else {\r\n // else is TCU Type\r\n if (key.toUpperCase() === GROUP_LARGE) {\r\n return tcuLargeGroup;\r\n } else if (key.toUpperCase() === GROUP_SMALL) {\r\n return tcuSmallGroup;\r\n }\r\n }\r\n }\r\n } else {\r\n // no charge\r\n return 0;\r\n }\r\n };\r\n\r\n event.hourlySuperFrog = handleSFHourlyRate(\r\n event.startTime,\r\n event.endTime,\r\n event.typeName,\r\n event.addSuperFrog\r\n );\r\n event.hourlyCheerleaders = handleCheerleadersHourlyRate(\r\n event.addCheerleaders,\r\n event.cheerleadersSize,\r\n event.typeName\r\n );\r\n event.hourlyShowgirls = handleShowgirlsHourlyRate(\r\n event.addShowgirls,\r\n event.showgirlsSize,\r\n event.typeName\r\n );\r\n event.totalCost = calculateTotalCost(\r\n event.hourlySuperFrog,\r\n event.hourlyCheerleaders,\r\n event.hourlyShowgirls,\r\n totalHours,\r\n event.mileageCost\r\n );\r\n return (\r\n Event Information
\r\n* Required Fields
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n SuperFrog
\r\n\r\n
\r\n Cheerleaders
\r\nCheerleaders Team Size
\r\n ) : null}\r\n {event.addCheerleaders ? (\r\n\r\n
\r\n Showgirls
\r\nShowgirls Team Size
\r\n ) : null}\r\n {event.addShowgirls ? (\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Will there be a performance required? (Sound system must be provided)
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Special Instructions (Parking, gate code, location for spirit members to\r\n change/ keep belongings)\r\n
\r\n\r\n
\r\n \r\n
\r\n Describe any expenses or benefits to the spirit team members
\r\n\r\n
\r\n \r\n
\r\n List any other outside organizations involved in sponsoring the event.
\r\n\r\n
\r\n \r\n
\r\n List any other outside organizations involved in sponsoring the event.
\r\n\r\n
\r\n \r\n
\r\n \r\n Describe event happenings, special instructions for Spirit team members, etc\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default EditEventForm;\r\n","import { useState, useEffect, useMemo, useCallback } from 'react';\r\nimport { formatDateFront, formatTime } from '../components/Utilities';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\n\r\n/**\r\n * Fetch event by ID (api/events/{id})\r\n *\r\n * @param {String} id Event id\r\n * @returns Array [event, getEventById, setEvent]\r\n */\r\nconst useEvent = (id) => {\r\n const { authState } = useOktaAuth();\r\n const initial = useMemo(() => {\r\n const initial = {\r\n event: {\r\n eventId: '',\r\n eventName: '',\r\n eventDescription: '',\r\n eventOrganization: '',\r\n eventLocation: '',\r\n otherOrganizations: '',\r\n eventInstructions: '',\r\n comments: '',\r\n typeName: '',\r\n addPerformance: false,\r\n addCheerleaders: false,\r\n onCampus: false,\r\n addShowgirls: false,\r\n cheerleadersSize: 'none',\r\n showgirlsSize: 'none',\r\n specialInstructions: '',\r\n expensesOrBenefits: '',\r\n eventDate: '',\r\n startTime: '12:00 AM',\r\n endTime: '12:00 AM',\r\n customerId: '',\r\n customer: {\r\n customerId: '',\r\n firstName: '',\r\n lastName: '',\r\n phoneNumber: '',\r\n email: '',\r\n },\r\n participants: [\r\n {\r\n employee: {\r\n email: '',\r\n employeeId: '',\r\n firstName: '',\r\n lastName: '',\r\n spiritMemberType: '',\r\n },\r\n },\r\n ],\r\n },\r\n assignments: {\r\n assignedSuperfrog: {\r\n employee: {\r\n employeeId: '',\r\n fullName: '',\r\n },\r\n },\r\n assignedCheerleaders: [],\r\n assignedShowgirls: [],\r\n },\r\n loading: true,\r\n error: null,\r\n };\r\n return initial;\r\n }, []);\r\n\r\n const [event, setEvent] = useState(initial);\r\n const getEventById = useCallback(\r\n (id) => {\r\n fetch(`api/events/${id}`, {\r\n headers: {\r\n Authorization: 'Bearer ' + authState.idToken.idToken,\r\n },\r\n })\r\n .then((rsp) => {\r\n return rsp.json();\r\n })\r\n .then((data) => {\r\n const { startTime, endTime, eventDate } = data;\r\n\r\n // let's filter participants by spirit member so we can easily use them\r\n const eventSF = data.participants.find(\r\n (e) => e.employee.spiritMemberType.toLowerCase() === 'superfrog'\r\n );\r\n const eventCheerleaders =\r\n data.participants.filter(\r\n (e) => e.employee.spiritMemberType.toLowerCase() === 'cheerleader'\r\n ) || [];\r\n const eventShowgirls =\r\n data.participants.filter(\r\n (e) => e.employee.spiritMemberType.toLowerCase() === 'showgirl'\r\n ) || [];\r\n\r\n setEvent((prevState) => ({\r\n ...prevState,\r\n event: {\r\n ...data,\r\n eventDate: formatDateFront(eventDate, 'YYYY-MM-DD'),\r\n startTime: formatTime(startTime),\r\n endTime: formatTime(endTime),\r\n },\r\n assignments: {\r\n assignedSuperfrog: eventSF,\r\n assignedCheerleaders: eventCheerleaders,\r\n assignedShowgirls: eventShowgirls,\r\n },\r\n }));\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((err) => console.log(err));\r\n },\r\n [authState.idToken]\r\n );\r\n\r\n useEffect(() => {\r\n getEventById(id);\r\n\r\n return function cleanup() {\r\n setEvent(initial);\r\n };\r\n }, [initial, id, getEventById]);\r\n\r\n return [event, getEventById, setEvent];\r\n};\r\n\r\nexport default useEvent;\r\n","import { useState } from 'react';\r\n\r\n/**\r\n * Display/Hide success component\r\n * @returns Array [onSuccess, hideMessage, displayMessage]\r\n */\r\nfunction useOnSuccess() {\r\n const [onSuccess, setOnSuccess] = useState(false);\r\n /**\r\n * Hide Success Message\r\n */\r\n const hideMessage = () => {\r\n setOnSuccess(false);\r\n };\r\n\r\n /**\r\n * display message\r\n */\r\n const displayMessage = () => {\r\n setOnSuccess(true);\r\n };\r\n\r\n return [onSuccess, hideMessage, displayMessage];\r\n}\r\n\r\nexport default useOnSuccess;\r\n","import { useState } from 'react';\r\n\r\n/**\r\n * Display if a httprequest error occured\r\n * @returns Array [complications, displayError]\r\n */\r\nfunction useError() {\r\n const [complications, setError] = useState({ error: false, message: '' });\r\n\r\n const displayError = () => {\r\n setError({\r\n error: true,\r\n message: ' Oh no, something went wrong. Please contact the IT department',\r\n });\r\n setTimeout(function () {\r\n setError({ error: false, message: '' });\r\n }, 8000);\r\n };\r\n\r\n return [complications, displayError];\r\n}\r\n\r\nexport default useError;\r\n","import '../styles/DashboardPage.scss';\r\nimport React, { useState } from 'react';\r\nimport {\r\n convertTime12to24,\r\n removeLeadingZero,\r\n convert24timeToSeconds,\r\n typeNameOptions,\r\n teamSizes,\r\n} from '../Utilities';\r\nimport Can from '../Can';\r\nimport NoAccess from '../NoAccess';\r\nimport EditEventForm from './EditEventForm';\r\nimport DashboardLayout from '../DashboardLayout';\r\nimport useEvent from '../../hooks/event-by-id-hook';\r\nimport useSubmit from '../../hooks/useSubmit';\r\nimport useOnSuccess from '../../hooks/useOnSuccess-hook';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\nimport { useUser } from '../../context/UserProvider';\r\nimport { fetchCall } from '../Utilities';\r\nimport ErrorMessage from '../ErrorMessage';\r\nimport useError from '../../hooks/useError';\r\n\r\nfunction EventPage({ match }) {\r\n const {\r\n params: { eventId },\r\n } = match;\r\n const { authState } = useOktaAuth();\r\n const [canSubmit, disableButton, enableButton] = useSubmit();\r\n const [onSuccess, hideMessage, displayMessage] = useOnSuccess();\r\n const { userRole } = useUser();\r\n const [data, getEventById, setEvent] = useEvent(eventId);\r\n const { customer } = data.event;\r\n const [invalidEndTime, setInvalidEndTime] = useState(false);\r\n const [dayOfTheWeek, setDayOfTheWeek] = useState(1);\r\n const [complications, error] = useError();\r\n\r\n /**\r\n * Make sure endTime is greater than startTime\r\n *\r\n *@param {Object} currentValue The current value\r\n */\r\n const validateEndTime = (currentValue) => {\r\n const { startTime } = data.event;\r\n const { endTime } = currentValue;\r\n const startTime24 = convertTime12to24(removeLeadingZero(startTime));\r\n const endTime24 = convertTime12to24(removeLeadingZero(endTime));\r\n const startTimeSeconds = convert24timeToSeconds(startTime24);\r\n const endTimeSeconds = convert24timeToSeconds(endTime24);\r\n\r\n if (startTimeSeconds > endTimeSeconds) {\r\n setInvalidEndTime(true);\r\n } else {\r\n setInvalidEndTime(false);\r\n }\r\n };\r\n\r\n /**\r\n * Save values to local state\r\n *\r\n * @param {Object} currentValue Current form values.\r\n */\r\n const saveValueToState = (currentValue) => {\r\n setEvent((prevState) => ({\r\n ...prevState,\r\n event: {\r\n ...prevState.event,\r\n ...currentValue,\r\n },\r\n }));\r\n\r\n if (Object.prototype.hasOwnProperty.call(currentValue, 'endTime')) {\r\n validateEndTime(currentValue);\r\n }\r\n\r\n if (Object.prototype.hasOwnProperty.call(currentValue, 'eventDate')) {\r\n handleDayOfTheWeek();\r\n }\r\n };\r\n\r\n const handleDayOfTheWeek = () => {\r\n const day = new Date(`${data.event.eventDate}T12:00`);\r\n const thisDayOfTheWeek = day.getDay();\r\n\r\n setDayOfTheWeek(thisDayOfTheWeek);\r\n };\r\n\r\n const updateEvent = async (currentValue) => {\r\n // since we are using InputTime it will not save our data\r\n const { startTime, endTime, eventDate } = data.event;\r\n\r\n // convert startTime and endTime\r\n // since database requires 24 hour format\r\n const modifiedTo24StartTime = convertTime12to24(removeLeadingZero(startTime));\r\n const modifiedTo24EndTime = convertTime12to24(removeLeadingZero(endTime));\r\n\r\n // we will send this off to the server\r\n const value = {\r\n ...currentValue,\r\n eventDate: `${eventDate} 12:00 AM`,\r\n startTime: `${eventDate} ${modifiedTo24StartTime}`,\r\n endTime: `${eventDate} ${modifiedTo24EndTime}`,\r\n };\r\n const success = () => {\r\n displayMessage();\r\n\r\n getEventById(eventId);\r\n\r\n setTimeout(function () {\r\n hideMessage();\r\n }, 3000);\r\n };\r\n\r\n fetchCall(\r\n value,\r\n success,\r\n error,\r\n { url: `api/events/${eventId}`, method: 'PUT' },\r\n authState.idToken.idToken\r\n );\r\n };\r\n\r\n return (\r\n Form has been updated!
: null}\r\n {complications.error ? \r\n (\r\n
\r\n \r\n
\r\n\r\n Customer Information
\r\n* Required Fields
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default CustomerForm;\r\n","import { useState, useEffect, useMemo, useCallback } from 'react';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\n\r\n/**\r\n * Fetch customer by id (api/customers/{id})\r\n *\r\n * @param {String} id Customer ID\r\n * @returns Array [customer, getCustomerById]\r\n */\r\nconst useCustomerById = (id) => {\r\n const { authState } = useOktaAuth();\r\n const initial = useMemo(() => {\r\n const initial = {\r\n customer: {\r\n customerId: '',\r\n firstName: '',\r\n lastName: '',\r\n phoneNumber: '',\r\n email: '',\r\n },\r\n loading: true,\r\n error: null,\r\n };\r\n return initial;\r\n }, []);\r\n const [customer, setCustomer] = useState(initial);\r\n const getCustomerById = useCallback(\r\n (id) => {\r\n fetch(`api/customers/${id}`, {\r\n headers: {\r\n Authorization: 'Bearer ' + authState.idToken.idToken,\r\n },\r\n })\r\n .then((rsp) => {\r\n if (rsp.statusText === 'Unauthorized') {\r\n setCustomer((prevState) => ({\r\n ...prevState,\r\n loading: false,\r\n error: 'Error: Unathorized to view this material.',\r\n }));\r\n }\r\n return rsp.json();\r\n })\r\n .then((customer) => {\r\n setCustomer((prevState) => ({\r\n ...prevState,\r\n loading: false,\r\n customer,\r\n }));\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((err) => console.log(err));\r\n },\r\n [authState]\r\n );\r\n\r\n useEffect(() => {\r\n getCustomerById(id);\r\n\r\n return function cleanup() {\r\n setCustomer(initial);\r\n };\r\n }, [id, getCustomerById, initial]);\r\n\r\n return [customer, getCustomerById];\r\n};\r\n\r\nexport default useCustomerById;\r\n","import '../styles/EventPage.scss';\r\nimport React from 'react';\r\nimport NavDashboard from './NavDashboard';\r\nimport SuccessMessage from '../SuccessMessage';\r\nimport Can from '../Can';\r\nimport NoAccess from '../NoAccess';\r\nimport CustomerForm from './CustomerForm';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\nimport useCustomerById from '../../hooks/customer-by-id';\r\nimport useSubmit from '../../hooks/useSubmit';\r\nimport useOnSuccess from '../../hooks/useOnSuccess-hook';\r\nimport { useUser } from '../../context/UserProvider';\r\nimport { fetchCall } from '../Utilities';\r\nimport ErrorMessage from '../ErrorMessage';\r\nimport useError from '../../hooks/useError';\r\n\r\nfunction CustomerPage({ match }) {\r\n const {\r\n params: { customerId },\r\n } = match;\r\n const [canSubmit, disableButton, enableButton] = useSubmit();\r\n const [onSuccess, hideMessage, displayMessage] = useOnSuccess();\r\n const { authState } = useOktaAuth();\r\n const { userRole } = useUser();\r\n const [data, getCustomerById] = useCustomerById(customerId);\r\n const { customer } = data;\r\n const [complications, getError] = useError();\r\n\r\n const updateCustomer = (data) => {\r\n const success = () => {\r\n displayMessage();\r\n\r\n getCustomerById(customerId);\r\n\r\n setTimeout(function () {\r\n hideMessage();\r\n }, 3000);\r\n };\r\n fetchCall(\r\n data,\r\n success,\r\n getError,\r\n { url: `api/customers/${customerId}`, method: 'PUT' },\r\n authState.idToken.idToken\r\n );\r\n };\r\n\r\n return (\r\n Dashboard
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Edit Event
\r\n\r\n {onSuccess ?\r\n (\r\n
\r\n {errorMessage}
: null}\r\n\r\n {!isPristine() && requiredMessage ? (\r\n {requiredMessage}
\r\n ) : null}\r\n \r\n \r\n Contact the IT EAS office to give the user access through Okta. You must\r\n complete this step in order for the student to access this website.\r\n \r\n ) : null}\r\n
\r\n\r\n Employee Information
\r\n* Required Fields
\r\n {newForm ? (\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {!newForm ? (\r\n \r\n ) : null}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default forwardRef(EmployeeForm);\r\n","import { useState, useEffect } from 'react';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\n\r\n/**\r\n * Fetch Employee by ID (api/employees/{id})\r\n *\r\n * @param {String} id The employee ID\r\n * @returns Object\r\n */\r\nconst useEmployeeById = (id) => {\r\n const { authState } = useOktaAuth();\r\n const initial = {\r\n employee: {\r\n employeeId: '',\r\n },\r\n loading: true,\r\n error: null,\r\n };\r\n const [employeeById, setEmployee] = useState(initial);\r\n\r\n useEffect(() => {\r\n /**\r\n * Fetch employee by ID\r\n *\r\n */\r\n const getEventsByEmployeeId = async () => {\r\n fetch(`api/employees/${id}`, {\r\n headers: {\r\n Authorization: 'Bearer ' + authState.idToken.idToken,\r\n },\r\n })\r\n .then((rsp) => {\r\n if (rsp.statusText === 'Unauthorized') {\r\n setEmployee((prevState) => ({\r\n ...prevState,\r\n error: 'Error: Unathorized to view this material.',\r\n }));\r\n }\r\n return rsp.json();\r\n })\r\n .then((employee) => {\r\n setEmployee((prevState) => ({\r\n ...prevState,\r\n loading: false,\r\n employee,\r\n }));\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((err) => console.log(err));\r\n };\r\n\r\n getEventsByEmployeeId();\r\n }, [authState, id]);\r\n\r\n return employeeById;\r\n};\r\n\r\nexport default useEmployeeById;\r\n","import { useState, useEffect, useMemo } from 'react';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\n\r\n/**\r\n * Fetch all roles (api/roles)\r\n *\r\n * @returns Object\r\n */\r\nconst useRoles = () => {\r\n const { authState } = useOktaAuth();\r\n const initial = useMemo(() => {\r\n const initial = {\r\n roles: [],\r\n loading: true,\r\n error: null,\r\n };\r\n return initial;\r\n }, []);\r\n const [roles, setRoles] = useState(initial);\r\n\r\n useEffect(() => {\r\n const getRoles = () => {\r\n fetch(`api/roles/`, {\r\n method: 'GET',\r\n headers: {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n Authorization: 'Bearer ' + authState.idToken.idToken,\r\n },\r\n })\r\n .then((rsp) => {\r\n return rsp.json();\r\n })\r\n .then((roles) => {\r\n setRoles({ roles, loading: false });\r\n });\r\n };\r\n getRoles();\r\n\r\n return function cleanup() {\r\n setRoles(initial);\r\n };\r\n }, [authState, initial]);\r\n\r\n return roles;\r\n};\r\n\r\nexport default useRoles;\r\n","import React from 'react';\r\nimport SuccessMessage from '../SuccessMessage';\r\nimport Can from '../Can';\r\nimport NoAccess from '../NoAccess';\r\nimport EmployeeForm from './EmployeeForm';\r\nimport { fetchCall, spiritMembers } from '../Utilities';\r\nimport DashboardLayout from '../DashboardLayout';\r\nimport useEmployeeById from '../../hooks/employee-by-id-hook';\r\nimport useRoles from '../../hooks/roles-hook';\r\nimport useOnSuccess from '../../hooks/useOnSuccess-hook';\r\nimport useSubmit from '../../hooks/useSubmit';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\nimport { useUser } from '../../context/UserProvider';\r\nimport ErrorMessage from '../ErrorMessage';\r\nimport useError from '../../hooks/useError';\r\n\r\nfunction EmployeePage({ match }) {\r\n const {\r\n params: { employeeId },\r\n } = match;\r\n const { authState } = useOktaAuth();\r\n const employeebyId = useEmployeeById(employeeId);\r\n const { employee } = employeebyId;\r\n const { userRole } = useUser();\r\n const { roles } = useRoles();\r\n const [onSuccess, hideMessage, displayMessage] = useOnSuccess();\r\n const [canSubmit, disableButton, enableButton] = useSubmit();\r\n const [complications, error] = useError();\r\n\r\n const updateEmployee = (data) => {\r\n const success = () => {\r\n displayMessage();\r\n\r\n setTimeout(function () {\r\n hideMessage();\r\n }, 3000);\r\n };\r\n\r\n fetchCall(\r\n data,\r\n success,\r\n error,\r\n { url: `api/employees/${employeeId}`, method: 'PUT' },\r\n authState.idToken.idToken\r\n );\r\n };\r\n return (\r\n Edit Employee
\r\n\r\n {onSuccess ?\r\n (\r\n
\r\n Empty payroll list.
: null}\r\n| {heading} | ;\r\n })}\r\n||||||
|---|---|---|---|---|---|---|
| \r\n {formattedDate}\r\n | \r\n\r\n {`${formattedStartTime} - ${formattedEndTime}`}\r\n | \r\n\r\n {calculateTotalHours(formattedStartTime, formattedEndTime) === 0\r\n ? '30min'\r\n : `${calculateTotalHours(\r\n formattedStartTime,\r\n formattedEndTime\r\n )}hr`}\r\n | \r\n\r\n {item.event.eventName}\r\n | \r\n\r\n {`${item.employee.firstName} ${item.employee.lastName}`}\r\n | \r\n\r\n {item.isPaid ? (\r\n Done\r\n ) : (\r\n Pending\r\n )}\r\n | \r\n\r\n | \r\n
Payroll | Event
\r\n\r\n
\r\n * Required Fields
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {\r\n \"Make this an all-day activity that doesn't start or end at a specific hour?\"\r\n }\r\n
\r\n\r\n
\r\n \r\n {\r\n 'Check this box if this blackout is a game. This will be used to figure out apperance price.'\r\n }\r\n
\r\n\r\n
\r\n \r\n
\r\n {!blackout.isAllDay ? (\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n {!newForm ? (\r\n \r\n ) : null}\r\n\r\n \r\n
\r\n {!blackout.isAllDay ? (\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default forwardRef(BlackBlackoutFormForm);\r\n","import { useState, useEffect, useCallback, useMemo } from 'react';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\nimport { formatDateFront, formatTime } from '../components/Utilities';\r\n\r\n/**\r\n * Fetch blackout by ID\r\n *\r\n * Returns an array with blackout object, getBlackoutById function, and setBlackout function\r\n * @param {String} id Blackout ID to use to fetch\r\n * @returns Array [blackout, getBlackoutById, setBlackout]\r\n */\r\nconst useBlackoutById = (id) => {\r\n const { authState } = useOktaAuth();\r\n const initial = useMemo(() => {\r\n const initial = {\r\n blackout: {\r\n blackoutId: '',\r\n blackoutName: '',\r\n isAllDay: false,\r\n isGame: false,\r\n date: '',\r\n endDate: '',\r\n startTime: '12:00 AM',\r\n endTime: '12:00 AM',\r\n },\r\n loading: true,\r\n error: null,\r\n };\r\n return initial;\r\n }, []);\r\n const [blackout, setBlackout] = useState(initial);\r\n /**\r\n * Fetch blackout by ID\r\n *\r\n */\r\n const getBlackoutById = useCallback(\r\n (id) => {\r\n fetch(`api/blackouts/${id}`, {\r\n headers: {\r\n Authorization: 'Bearer ' + authState.idToken.idToken,\r\n },\r\n })\r\n .then((rsp) => {\r\n if (rsp.statusText === 'Unauthorized') {\r\n setBlackout((prevState) => ({\r\n ...prevState,\r\n error: 'Error: Unathorized to view this material.',\r\n }));\r\n }\r\n return rsp.json();\r\n })\r\n .then((blackout) => {\r\n const { startTime, endTime, date, endDate } = blackout;\r\n const cleanDate = formatDateFront(date);\r\n const cleanEndDate = formatDateFront(endDate);\r\n const cleanStartTime = formatTime(startTime);\r\n const cleanEndTime = formatTime(endTime);\r\n setBlackout((prevState) => ({\r\n ...prevState,\r\n loading: false,\r\n blackout: {\r\n ...blackout,\r\n date: cleanDate,\r\n endDate: cleanEndDate,\r\n startTime: startTime === null ? '12:00 AM' : cleanStartTime,\r\n endTime: endTime === null ? '12:00 AM' : cleanEndTime,\r\n },\r\n }));\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((err) => console.log(err));\r\n },\r\n [authState.idToken]\r\n );\r\n\r\n useEffect(() => {\r\n getBlackoutById(id);\r\n\r\n return function cleanup() {\r\n setBlackout(initial);\r\n };\r\n }, [getBlackoutById, id, initial]);\r\n\r\n return [blackout, getBlackoutById, setBlackout];\r\n};\r\n\r\nexport default useBlackoutById;\r\n","import React, { useState, useRef } from 'react';\r\nimport NavDashboard from './NavDashboard';\r\nimport SuccessMessage from '../SuccessMessage';\r\nimport { convertTime12to24, removeLeadingZero, convert24timeToSeconds } from '../Utilities';\r\nimport NoAccess from '../NoAccess';\r\nimport Can from '../Can';\r\nimport BlackoutForm from './BlackoutForm';\r\nimport useBlackoutById from '../../hooks/blackout-by-id';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\nimport useSubmit from '../../hooks/useSubmit';\r\nimport useOnSuccess from '../../hooks/useOnSuccess-hook';\r\nimport { useUser } from '../../context/UserProvider';\r\nimport { fetchCall } from '../Utilities';\r\nimport ErrorMessage from '../ErrorMessage';\r\nimport useError from '../../hooks/useError';\r\n\r\nfunction BlackoutPage({ match }) {\r\n const {\r\n params: { blackoutId },\r\n } = match;\r\n const { userRole } = useUser();\r\n const [canSubmit, disableButton, enableButton] = useSubmit();\r\n const [onSuccess, hideMessage, displayMessage] = useOnSuccess();\r\n const [blackoutById, getBlackoutById, setBlackout] = useBlackoutById(blackoutId);\r\n const [invalidEndTime, setInvalidEndTime] = useState(false);\r\n const { authState } = useOktaAuth();\r\n const updateBlackoutForm = useRef(null);\r\n const [complications, getError] = useError();\r\n /**\r\n * Make sure endTime is greater than startTime\r\n *\r\n *@param {Object} currentValue The current value\r\n */\r\n const validateEndTime = (currentValue) => {\r\n const { startTime } = blackoutById.blackout;\r\n const { endTime } = currentValue;\r\n const startTime24 = convertTime12to24(removeLeadingZero(startTime));\r\n const endTime24 = convertTime12to24(removeLeadingZero(endTime));\r\n const startTimeSeconds = convert24timeToSeconds(startTime24);\r\n const endTimeSeconds = convert24timeToSeconds(endTime24);\r\n\r\n if (startTimeSeconds > endTimeSeconds) {\r\n setInvalidEndTime(true);\r\n } else {\r\n setInvalidEndTime(false);\r\n }\r\n };\r\n\r\n /**\r\n * Save values to local state\r\n *\r\n * @param {Object} currentValues Current form values.\r\n * @param {Bool} isChanged The second argument states if the forms initial values actually changed\r\n */\r\n const saveValueToState = (currentValues, isChanged) => {\r\n if (isChanged) {\r\n setBlackout((prevState) => ({\r\n ...prevState,\r\n blackout: { ...prevState.blackout, ...currentValues },\r\n }));\r\n }\r\n if (Object.prototype.hasOwnProperty.call(currentValues, 'endTime')) {\r\n validateEndTime(currentValues);\r\n }\r\n };\r\n\r\n /**\r\n * Update our blackout table\r\n */\r\n const updateBlackout = () => {\r\n const { startTime, endTime, date, endDate, blackoutId, blackoutName, isAllDay, isGame } =\r\n blackoutById.blackout;\r\n let modifiedTo24StartTime = convertTime12to24(startTime);\r\n let modifiedTo24EndTime = convertTime12to24(endTime);\r\n const value = {\r\n blackoutId: blackoutId,\r\n blackoutName: blackoutName,\r\n isAllDay: isAllDay,\r\n isGame: isGame,\r\n date: `${date} 12:00 AM`,\r\n endDate: `${endDate} 12:00 AM`,\r\n startTime: `${date} ${modifiedTo24StartTime}`,\r\n endTime: `${endDate} ${modifiedTo24EndTime}`,\r\n };\r\n\r\n const success = () => {\r\n displayMessage();\r\n\r\n getBlackoutById(blackoutId);\r\n\r\n setTimeout(function () {\r\n hideMessage();\r\n }, 3000);\r\n };\r\n fetchCall(\r\n value,\r\n success,\r\n getError,\r\n { url: `api/blackouts/${blackoutId}`, method: 'PUT' },\r\n authState.idToken.idToken\r\n );\r\n };\r\n\r\n return (\r\n Blackout Information
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n Edit Blackout
\r\n\r\n {onSuccess ? (\r\n\r\n (\r\n
\r\n No employees available.
: null}\r\n| {heading} | ;\r\n })}\r\n||||
|---|---|---|---|---|
| \r\n \r\n {`${item.firstName} ${item.lastName}`}\r\n \r\n | \r\n\r\n {item.email}\r\n | \r\n\r\n {item.phoneNumber}\r\n | \r\n\r\n {item.role.roleName}\r\n | \r\n\r\n | \r\n )}\r\n />\r\n
| {heading} | ;\r\n })}\r\n|
|---|---|
| \r\n \r\n {item.description}\r\n \r\n | \r\n\r\n {item.hourlyCost}\r\n | \r\n
| {heading} | ;\r\n })}\r\n|
|---|---|
| \r\n {item.description}\r\n | \r\n\r\n {item.hourlyCost}\r\n | \r\n
Add Employee
\r\n {onSuccess ?\r\n (\r\n
\r\n {'No blackout events'}
: null}\r\n| {heading} | ;\r\n })}\r\n|||||
|---|---|---|---|---|---|
| \r\n \r\n {`${item.blackoutName}`}\r\n \r\n | \r\n\r\n {formatDateFront(item.date)}\r\n | \r\n\r\n {formatDateFront(item.endDate)}\r\n | \r\n\r\n {item.isAllDay ? '' : formatTime(item.startTime)}\r\n | \r\n\r\n {item.isAllDay ? '' : formatTime(item.endTime)}\r\n | \r\n\r\n | \r\n )}\r\n />\r\n
Blackouts
\r\n\r\n
\r\n \r\n {complications.error ? (\r\n
\r\n \r\n
\r\n Add Blackout
\r\n\r\n {onSuccess ? (\r\n\r\n (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default CalendarView;\r\n","import React from 'react';\r\nimport Table from 'react-bootstrap/Table';\r\nimport useRates from '../hooks/rates-hook';\r\n\r\nfunction TermsConditions() {\r\n const rates = useRates();\r\n const {\r\n flatFeeSuperFrog,\r\n gameFlatFeeSuperFrog,\r\n tcuSuperFrog,\r\n gameTcuSuperFrog,\r\n nonProfitSuperFrog,\r\n gameNonProfitSuperFrog,\r\n privateSuperFrog,\r\n gamePrivateSuperFrog,\r\n tcuSmallGroup,\r\n tcuLargeGroup,\r\n gameTcuSmallGroup,\r\n gameTcuLargeGroup,\r\n nonProfitSmallGroup,\r\n nonProfitLargeGroup,\r\n gameNonProfitSmallGroup,\r\n gameNonProfitLargeGroup,\r\n privateSmallGroup,\r\n privateLargeGroup,\r\n gamePrivateSmallGroup,\r\n gamePrivateLargeGroup,\r\n mileageRate,\r\n } = rates;\r\n\r\n return (\r\n Calendar & Available Dates
\r\n\r\n {userEventsLoading || blackoutsLoading ?
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default TermsConditions;\r\n","import React from 'react';\r\n\r\nconst CurrentEventDetails = ({ event, displaySpiritMembers }) => {\r\n return (\r\n Terms & Conditions
\r\n- \r\n
- \r\n ALL Requests must be submitted at least 14 days prior to event date, and no\r\n earlier than 3 months out. The site will not permit requests outside these\r\n parameters.\r\n \r\n
- \r\n All requests must be submitted through the online request system. E-mailed\r\n requests are not considered.\r\n \r\n
- \r\n Submission of a request does NOT guarantee acceptance. TCU Spirit has until 5\r\n days prior the date of the event to accept or decline a request.\r\n \r\n
- \r\n Prices are based on a 1 hour appearance – Additional fees may apply if more than\r\n one hour.\r\n \r\n
- ALL appearances are paid. We do not offer any free appearances. \r\n
Spirit Appearance Fees
\r\n\r\n GENERAL APPEARANCES – Rates Per Appearance (All events outside of a TCU Athletic\r\n match are paid appearances. Mascot times will be determined by type of event, please\r\n contact office for more details.)\r\n
\r\n\r\n| *30 minute SuperFrog appearance Flat Fee | \r\n{`$${flatFeeSuperFrog}`} | \r\n
| Texas Christian University On Campus | \r\n\r\n |
| SuperFrog | \r\n{`$${tcuSuperFrog}`} | \r\n
| Small Group of 2-3 Spirit Squad Members | \r\n{`$${tcuSmallGroup}`} | \r\n
| Large Group of 4-6 Spirit Squad Members | \r\n{`$${tcuLargeGroup}`} | \r\n
| Public Schools or Non-Profit | \r\n\r\n |
| SuperFrog | \r\n{`$${nonProfitSuperFrog}`} | \r\n
| Small Group of 2-3 Spirit Squad Members | \r\n{`$${nonProfitSmallGroup}`} | \r\n
| Large Group of 4-6 Spirit Squad Members | \r\n{`$${nonProfitLargeGroup}`} | \r\n
| Private or Residential | \r\n\r\n |
| SuperFrog | \r\n{`$${privateSuperFrog}`} | \r\n
| Small Group of 2-3 Spirit Squad Members | \r\n{`$${privateSmallGroup}`} | \r\n
| Large Group of 4-6 Spirit Squad Members | \r\n{`$${privateLargeGroup}`} | \r\n
\r\n DAY BEFORE GAME DAY – Rates Per appearance (Maximum of 1 hour appearances for Spirit\r\n Squads. Appearance location must be within 10 miles from TCU.)\r\n
\r\n| *30 minute SuperFrog appearance Flat Fee | \r\n{`$${gameFlatFeeSuperFrog}`} | \r\n
| Texas Christian University On Campus | \r\n\r\n |
| SuperFrog | \r\n{`$${gameTcuSuperFrog}`} | \r\n
| Small Group of 2-3 Spirit Squad Members | \r\n{`$${gameTcuSmallGroup}`} | \r\n
| Large Group of 4-6 Spirit Squad Members | \r\n{`$${gameTcuLargeGroup}`} | \r\n
| Public Schools or Non-Profit | \r\n\r\n |
| SuperFrog | \r\n{`$${gameNonProfitSuperFrog}`} | \r\n
| Small Group of 2-3 Spirit Squad Members | \r\n{`$${gameNonProfitSmallGroup}`} | \r\n
| Large Group of 4-6 Spirit Squad Members | \r\n{`$${gameNonProfitLargeGroup}`} | \r\n
| Private or Residential | \r\n\r\n |
| SuperFrog | \r\n{`$${gamePrivateSuperFrog}`} | \r\n
| Small Group of 2-3 Spirit Squad Members | \r\n{`$${gamePrivateSmallGroup}`} | \r\n
| Large Group of 4-6 Spirit Squad Members | \r\n{`$${gamePrivateLargeGroup}`} | \r\n
\r\n ON GAME DAYS – Appearances will not be accepted. We appreciate your understanding\r\n and apologize for any inconvenience.\r\n
\r\nGeneral Terms:
\r\n- \r\n
- Requests must be submitted at least 14 days prior to event date. \r\n
- \r\n TCU has until 5 days before the date of the appearance to accept or decline.\r\n \r\n
- \r\n Prices are based on a 1 hour event. Additional fees may apply if more than one\r\n hour.\r\n \r\n
- Appearances are only available in the DFW area. \r\n
- The SuperFrog suit will not be rented out to a third party. \r\n
- \r\n Due to university rules, TCU Spirit will not make appearances during dead\r\n (study) days, finals week, or major holidays including, but not limited to, New\r\n Years Eve and Day, MLK Day, 4th of July, Thanksgiving Day, Christmas Eve or Day.\r\n \r\n
Contact Terms:
\r\n- \r\n
- \r\n Unless otherwise specified, the contact provided and their information will also\r\n serve as our Spirit Squad member’s point-of-contact on the date of the event.\r\n \r\n
- List the address and all other necessary information on the booking site. \r\n
Event terms:
\r\n- \r\n
- \r\n Submission of a request does not guarantee the event will be accepted. TCU\r\n Spirit has until 5 days prior the date of the event to accept or decline a\r\n request.\r\n \r\n
- \r\n Even after an event is confirmed, it is still subjected to immediate\r\n cancellation due to a TCU Athletic Department function, weather or an emergency.\r\n Immediate notice will be given in the event of cancellation.\r\n \r\n
- \r\n Serious consideration is taken to each request to ensure it deems a positive\r\n reflection of TCU Spirit and the University.\r\n \r\n
- \r\n Superfrog and TCU Spirit members are approved for University social media\r\n content only and not available to request for any other content.\r\n \r\n
Transportation Terms:
\r\n- \r\n
- \r\n Must include mileage if location is more than 2 miles from TCU and include any\r\n parking fees/expenses.\r\n \r\n
- \r\n {`If more than 2 miles from TCU, a $${mileageRate} per mile transportation fee will be\r\n included in the appearance total.`}\r\n \r\n
- \r\n 6+ Spirit Squad members will require transportation to be booked to and from\r\n Fort Worth and paid for by requestor.\r\n \r\n
Payment Terms:
\r\n- \r\n
- All appearances are paid. We do not offer volunteer appearances. \r\n
- \r\n Payment should be submitted a minimum of 24 hours prior to event{' '}\r\n or it will be cancelled.\r\n \r\n
- \r\n You will be given a link for payment via credit card upon approval of your\r\n appearance through email.\r\n \r\n
- \r\n TCU Department Appearances are required to pay via a Fund Transfer Form:\r\n https://vcfa.tcu.edu/accounting/.\r\n The completed form and all required budget codes must be emailed to the\r\n individuals included in the appearance approval e-mail to finalize request.\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default CurrentEventDetails;\r\n","import { withFormsy } from 'formsy-react';\r\nimport React from 'react';\r\n\r\nfunction SelectEmployee({\r\n setValue,\r\n getErrorMessage,\r\n showRequired,\r\n name,\r\n getValue,\r\n placeholder,\r\n options,\r\n isPristine,\r\n}) {\r\n const changeValue = (event) => {\r\n // setValue() will set the value of the component, which in\r\n // turn will validate it and the rest of the form\r\n // Important: Don't skip this step. This pattern is required\r\n // for Formsy to work.\r\n setValue(event.currentTarget.value);\r\n };\r\n\r\n // An error message is returned only if the component is invalid\r\n const errorMessage = getErrorMessage();\r\n const requiredMessage = showRequired() ? 'Required field' : '';\r\n return (\r\n - \r\n
- \r\n Date: {event.eventDate}\r\n \r\n
- \r\n Name:{' '}\r\n {`${event.customer.firstName} ${event.customer.lastName} `}\r\n \r\n
- \r\n Email: {event.customer.email}\r\n \r\n
- \r\n Phone Number: {event.customer.phoneNumber}\r\n \r\n
Spirit Members Needed
\r\n- \r\n {event.addSuperFrog ?
- SuperFrog : null}\r\n {event.addCheerleaders ?
- Cheerleaders : null}\r\n {event.addShowgirls ?
- Showgirls : null}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default AssignmentWrapper;\r\n","import React, { useRef, useState } from 'react';\r\nimport Can from '../Can';\r\nimport Formsy from 'formsy-react';\r\nimport SelectEmployee from '../SelectEmployee';\r\nimport Input from '../Input';\r\nimport Button from '../Button';\r\nimport AssignmentWrapper from '../AssignmentWrapper';\r\nimport useSubmit from '../../hooks/useSubmit';\r\nimport useOnSuccess from '../../hooks/useOnSuccess-hook';\r\nimport SuccessMessage from '../SuccessMessage';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\nimport useEvent from '../../hooks/event-by-id-hook';\r\nimport Popup from 'react-popup';\r\nimport ErrorMessage from '../ErrorMessage';\r\nimport Alert from 'react-bootstrap/Alert';\r\n\r\nconst SuperFrogAssignment = ({\r\n handleSelfAssign,\r\n userRole,\r\n emplSuperfrog,\r\n isCurrentSPType,\r\n currentEmployee,\r\n eventId,\r\n}) => {\r\n const superFrogRef = useRef(null);\r\n const { authState } = useOktaAuth();\r\n const [canSubmit, disableButton, enableButton] = useSubmit();\r\n const [onSuccess, hideMessage, displayMessage] = useOnSuccess();\r\n const [data, getEventById] = useEvent(eventId);\r\n const { event, assignments } = data;\r\n const { assignedSuperfrog } = assignments;\r\n const [conflict, setConflict] = useState({\r\n onlyOneSFConflict: false,\r\n onRoleConflict: false,\r\n conflictError: false,\r\n roleMessage: '',\r\n onSuccessDelete: false,\r\n });\r\n\r\n /**\r\n * Display alert message before deleting SuperFrog\r\n *\r\n * @param {Ojbect} e click event\r\n */\r\n const handleRemoveSFAlert = (e) => {\r\n const { name } = e.target;\r\n\r\n Popup.create({\r\n content: 'Are you sure you want to delete this employee from this event?',\r\n buttons: {\r\n left: [\r\n {\r\n text: 'Cancel',\r\n className: 'danger',\r\n action: function () {\r\n Popup.alert(\r\n 'You pressed the Cancel button and will return back to the form.'\r\n );\r\n\r\n /** Close this popup. Close will always close the current visible one, if one is visible */\r\n Popup.close();\r\n },\r\n },\r\n ],\r\n right: [\r\n {\r\n text: 'Delete Assignment',\r\n className: 'success',\r\n action: function () {\r\n handleRemoveSF(name);\r\n\r\n /** Close this popup. Close will always close the current visible one, if one is visible */\r\n Popup.close();\r\n },\r\n },\r\n ],\r\n },\r\n });\r\n };\r\n\r\n /**\r\n * Remove superfrog assignment\r\n * @param {Number} superfrogId SuperFrog ID\r\n */\r\n const handleRemoveSF = (superfrogId) => {\r\n /**\r\n * We are passing in the Participants ID\r\n * So we can easily delete it.\r\n */\r\n fetch(`api/participates/${superfrogId}`, {\r\n method: 'DELETE',\r\n credentials: 'same-origin',\r\n headers: {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n Authorization: 'Bearer ' + authState.idToken.idToken,\r\n },\r\n })\r\n .then((response) => {\r\n if (response.ok) {\r\n setConflict((prevState) => ({ ...prevState, onSuccessDelete: true }));\r\n\r\n setTimeout(function () {\r\n hideMessage('onSuccessDelete');\r\n setConflict({ onSuccessDelete: false });\r\n }, 3000);\r\n }\r\n })\r\n .catch((err) => console.log(err));\r\n\r\n // Now let's make sure we reset the EmployeeID in the event table\r\n const resetValue = 0;\r\n fetch(`api/events/${eventId}/employee/${resetValue}`, {\r\n method: 'PUT',\r\n credential: 'same-origin',\r\n headers: {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n Authorization: 'Bearer ' + authState.idToken.idToken,\r\n },\r\n })\r\n .then((rsp) => {\r\n // let's refresh our data so we can display it.\r\n if (rsp.ok) {\r\n getEventById(eventId);\r\n }\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((error) => console.log(error));\r\n };\r\n\r\n const handleSuperFrogAssignment = (currentValue) => {\r\n const { employeeId } = currentValue;\r\n\r\n // let's make sure we only add ONE superFrog\r\n if (assignedSuperfrog !== undefined) {\r\n setConflict({ ...conflict, onlyOneSFConflict: true });\r\n setTimeout(function () {\r\n hideMessage('onlyOneSFConflict');\r\n }, 3000);\r\n\r\n return;\r\n }\r\n\r\n // PUT: api/participants\r\n // add it to the Participants table\r\n fetch('api/participates', {\r\n method: 'POST',\r\n credential: 'same-origin',\r\n headers: {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n Authorization: 'Bearer ' + authState.idToken.idToken,\r\n },\r\n body: JSON.stringify(currentValue),\r\n })\r\n .then((response) => {\r\n // make sure we don't have duplicates\r\n if (response.status === 409) {\r\n setConflict((prevState) => ({\r\n ...prevState,\r\n conflictError: true,\r\n }));\r\n\r\n setTimeout(function () {\r\n hideMessage('conflictError');\r\n }, 3000);\r\n } else {\r\n displayMessage();\r\n\r\n // let's refresh our data so we can display it.\r\n getEventById(eventId);\r\n\r\n setTimeout(function () {\r\n hideMessage('onSuccess');\r\n }, 3000);\r\n }\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((error) => console.log(error));\r\n\r\n // Also we need to add it to the event table\r\n // assigns EmployeeId\r\n // PUT: api/events/employee/{employeeid}\r\n fetch(`api/events/${eventId}/employee/${employeeId}`, {\r\n method: 'PUT',\r\n credential: 'same-origin',\r\n headers: {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n Authorization: 'Bearer ' + authState.idToken.idToken,\r\n },\r\n body: JSON.stringify(currentValue),\r\n })\r\n .then((response) => {\r\n if (response.ok) {\r\n displayMessage();\r\n\r\n setTimeout(function () {\r\n hideMessage('onSuccess');\r\n }, 3000);\r\n\r\n // let's refresh our data so we can display it.\r\n getEventById(eventId);\r\n }\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((error) => console.log(error));\r\n\r\n // Also we need to add it to the event table\r\n // assigns EmployeeId\r\n // PUT: api/events/employee/{employeeid}\r\n fetch(`api/events/${eventId}/employee/${employeeId}`, {\r\n method: 'PUT',\r\n credential: 'same-origin',\r\n headers: {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n Authorization: 'Bearer ' + authState.idToken.idToken,\r\n },\r\n body: JSON.stringify(currentValue),\r\n })\r\n .then((response) => {\r\n if (response.ok) {\r\n displayMessage();\r\n\r\n setTimeout(function () {\r\n hideMessage('onSuccess');\r\n }, 3000);\r\n\r\n // let's refresh our data so we can display it.\r\n getEventById(eventId);\r\n }\r\n })\r\n /* eslint-disable-next-line */\r\n .catch((error) => console.log(error));\r\n };\r\n\r\n const comp = event.addSuperFrog ? (\r\n {h3Title}
\r\n {children}\r\n\r\n {onSuccess ?
\r\n {/*Let's add user permissions to the form */}\r\n SuperFrog is assigned to:
\r\n- \r\n
- \r\n {assignedSuperfrog.employee.fullName}\r\n \r\n
Currently, no one has signed up.
\r\n )}\r\n\r\n {isCurrentSPType(\r\n currentEmployee.spiritMemberType,\r\n 'superfrog',\r\n userRole.roleName\r\n ) ? (\r\n
\r\n )}\r\n />\r\n \r\n \r\n Just click the button below to sign up to this event as\r\n SuperFrog.\r\n \r\n \r\n Sign up\r\n \r\n
\r\n ) : null}\r\n \r\n {onSuccess ?
\r\n {/* Adding User permissions to the form */}\r\n Cheerleaders assigned to this event:
\r\n- \r\n {assignedCheerleaders.map((c) => (\r\n
- \r\n {c.employee.fullName}\r\n \r\n
Currently, no one has signed up.
\r\n )}\r\n\r\n \r\n Just click the button below to sign up to this event as a\r\n Cheerleader.\r\n \r\n \r\n Sign up\r\n \r\n
\r\n ) : null}\r\n \r\n {onSuccess ?
\r\n {/* Let's add user persmissions */}\r\n Showgirls assigned to this event:
\r\n- \r\n {assignedShowgirls.map((s) => (\r\n
- \r\n {s.employee.fullName}\r\n \r\n
Currently, no one has signed up.
\r\n )}\r\n\r\n \r\n Just click the button below to sign up to this event as a\r\n Showgirl.\r\n \r\n \r\n Sign up\r\n \r\n
\r\n ) : null}\r\n Customer Information
\r\n\r\n\r\n
\r\n - \r\n {options.map((input) => {\r\n return (\r\n
- \r\n
{errorMessage}
: null}\r\n\r\n {!isPristine() && requiredMessage ? (\r\n {requiredMessage}
\r\n ) : null}\r\n \r\n
\r\n \r\n \r\n (\r\n \r\n \r\n
\r\n \r\n )}\r\n />\r\n * Required Fields
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n {event.eventName}
\r\n- \r\n
- \r\n Date: {event.eventDate}\r\n \r\n
- \r\n Name:{' '}\r\n {`${event.customer.firstName} ${event.customer.lastName} `}\r\n \r\n
- \r\n Email: {event.customer.email}\r\n \r\n
- \r\n Phone Number:{' '}\r\n {event.customer.phoneNumber}\r\n \r\n
\r\n \r\n {onSuccess ? (\r\n
\r\n\r\n \r\n
\r\n {(eventDecision === 'isScheduled' && addSuperFrog) ||\r\n isScheduled ? (\r\n Add any additional information to customer email.
\r\n\r\n
\r\n ) : null}\r\n\r\n {eventDecision === 'isDenied' || isDenied ? (\r\n SuperFrog Contact
\r\n\r\n Select the employee contact from the dropdown below.\r\n This information will be emailed to the customer.\r\n
\r\n\r\n
\r\n ) : null}\r\n \r\n Reason for denying a request.\r\n
\r\n\r\n Select a reason from the dropdown below. If you are\r\n accepting a request then leave this blank.\r\n
\r\nSelect an employee to view their events.
\r\n{employee.fullName}
\r\n| {heading} | ;\r\n })}\r\n|||||
|---|---|---|---|---|---|
| \r\n {formattedDate}\r\n | \r\n\r\n {`${formattedStartTime} - ${formattedEndTime}`}\r\n | \r\n\r\n {calculateTotalHours(\r\n formattedStartTime,\r\n formattedEndTime\r\n ) === 0\r\n ? '30min'\r\n : `${calculateTotalHours(\r\n formattedStartTime,\r\n formattedEndTime\r\n )}hr`}\r\n | \r\n\r\n {item.eventName}\r\n | \r\n\r\n {participate.isPaid ? (\r\n Done\r\n ) : (\r\n Pending\r\n )}\r\n | \r\n\r\n | \r\n
\r\n
\r\n Edit Rates
\r\n\r\n\r\n (\r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n no={() => Rates
\r\n* Required Fields
\r\n {onSuccess ? (\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\nexport default NotFound;\r\n","export default __webpack_public_path__ + \"static/media/tcu-logo-purple.a8424d37.svg\";","import React, { useEffect, useRef } from 'react';\r\nimport OKTA_CONFIG from '../../app.config';\r\nimport Logo from '../../library/images/svg/tcu-logo-purple.svg';\r\nimport { useOktaAuth } from '@okta/okta-react';\r\nimport * as OktaSignIn from '@okta/okta-signin-widget';\r\nimport '@okta/okta-signin-widget/dist/css/okta-sign-in.min.css';\r\n\r\nfunction LoginPage() {\r\n const { oktaAuth } = useOktaAuth();\r\n const widgetRef = useRef();\r\n\r\n useEffect(() => {\r\n if (!widgetRef.current) {\r\n return false;\r\n }\r\n\r\n const widget = new OktaSignIn({\r\n baseUrl: OKTA_CONFIG.url,\r\n logo: Logo,\r\n colors: {\r\n brand: '#4d1979',\r\n },\r\n helpLinks: {\r\n help: 'https://password.tcu.edu',\r\n forgotPassword: 'https://password.tcu.edu',\r\n unlock: 'https://password.tcu.edu',\r\n },\r\n brandName: 'TCU',\r\n authParams: {\r\n issuer: OKTA_CONFIG.issuer,\r\n scopes: ['openid', 'email', 'profile', 'address', 'phone'],\r\n },\r\n });\r\n\r\n widget.renderEl(\r\n { el: widgetRef.current },\r\n (res) => {\r\n if (res.status === 'SUCCESS') {\r\n oktaAuth.signInWithRedirect({ sessionToken: res.session.token });\r\n }\r\n },\r\n (err) => {\r\n throw err;\r\n }\r\n );\r\n\r\n return () => widget.remove();\r\n }, [oktaAuth]);\r\n\r\n return (\r\n Looks like we lost you...
\r\n\r\n
\r\n \r\n SuperFrog is very happy that you came to visit, however, he knows you were not\r\n looking for him, you were looking for another page. Are you lost? The page you are\r\n trying to visit might be an old link or maybe it moved.\r\n
\r\n\r\n Go to Homepage \r\n
\r\n\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default LoginPage;\r\n","import React from 'react';\r\nimport { Security, SecureRoute, LoginCallback } from '@okta/okta-react';\r\nimport { OktaAuth, toRelativeUrl } from '@okta/okta-auth-js';\r\nimport OKTA_CONFIG from './app.config';\r\nimport { Route, Switch, useHistory } from 'react-router-dom';\r\nimport Layout from './components/Layout';\r\nimport Home from './components/Home';\r\nimport Request from './components/Request';\r\nimport DashboardPage from './components/auth/DashboardPage';\r\nimport EventPage from './components/auth/EventPage';\r\nimport MyEventsPage from './components/auth/MyEventsPage';\r\nimport CustomerPage from './components/auth/CustomerPage';\r\nimport EmployeePage from './components/auth/EmployeePage';\r\nimport PayrollPage from './components/auth/PayrollPage';\r\nimport BlackoutPage from './components/auth/BlackoutPage';\r\nimport AllEmployeesPage from './components/auth/AllEmployeesPage';\r\nimport AllItemsPrice from './components/auth/AllItemsPrice';\r\nimport AddEmployeePage from './components/auth/AddEmployeePage';\r\nimport ViewBlackoutsPage from './components/auth/ViewBlackoutsPage';\r\nimport AddBlackoutPage from './components/auth/AddBlackoutPage';\r\nimport CalendarView from './components/CalendarView';\r\nimport TermsConditions from './components/TermsConditions';\r\nimport AssignEventPage from './components/auth/AssignEventPage';\r\nimport ScheduleDenyEventPage from './components/auth/ScheduleDenyEventPage';\r\nimport PayrollByEmployeePage from './components/auth/PayrollByEmployeePage';\r\nimport PayrollByEmployee from './components/auth/PayrollByEmployee';\r\nimport ItemFormPage from './components/auth/ItemFormPage';\r\nimport NotFound from './components/NotFound';\r\nimport UserProvider from './context/UserProvider';\r\nimport LoginPage from './components/auth/LoginPage';\r\n\r\nconst oktaAuth = new OktaAuth({\r\n issuer: OKTA_CONFIG.issuer,\r\n clientId: OKTA_CONFIG.client_id,\r\n redirectUri: OKTA_CONFIG.redirect_uri,\r\n pkce: false,\r\n responseType: ['id_token', 'code', 'token'],\r\n scopes: ['openid', 'email', 'profile'],\r\n});\r\n\r\nfunction App() {\r\n const history = useHistory();\r\n const restoreOriginalUri = async (_oktaAuth, originalUri) => {\r\n history.replace(\r\n toRelativeUrl(originalUri || '/dashboard', window.location.origin + '/dashboard')\r\n );\r\n };\r\n\r\n const customAuthHandler = () => {\r\n // Redirect to the /login page that has a CustomLoginComponent\r\n history.push('/login');\r\n };\r\n\r\n return (\r\n